// components/Card.tsx
import React from "react";

interface CardProps {
  title?: string;
  children: React.ReactNode;
}

const Card: React.FC<CardProps> = ({ title, children }) => {
  return (
    <div className="bg-white px-6 py-6 rounded-xl shadow-sm border-2">
      {title && <h2 className="text-lg font-semibold mb-0 text-gray-500">{title}</h2>}
      {children}
    </div>
  );
};

export default Card;