Card.tsx
1// Component with anti-patterns
2import React from 'react';
3
4interface CardProps {
5 title: string;
6 value: string;
7}
8
9export function Card({ title, value }: CardProps) {
10 return (
11 <div className="border-l-4 border-blue-500 rounded-lg p-4 bg-white shadow">
12 <h3 className="text-purple-500 text-xl font-bold">{title}</h3>
13 <p className="text-2xl tabular-nums">{value}</p>
14 </div>
15 );
16}