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}