export function Card({ title, subtitle, children }) {
  return (
    <div className="card space-y-2">
      {title && <h2 className="text-lg font-semibold">{title}</h2>}
      {subtitle && <p className="subtle">{subtitle}</p>}
      {children}
    </div>
  );
}
