import { jsx as _jsx } from "react/jsx-runtime";
export const Card = ({ children, className = '', hover = false }) => {
    return (_jsx("div", { className: `
      bg-white rounded-xl border border-gray-200 shadow-sm 
      ${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
      ${className}
    `, children: children }));
};
export const CardHeader = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pb-4 ${className}`, children: children }));
export const CardContent = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-0 ${className}`, children: children }));
export const CardFooter = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-4 border-t border-gray-100 ${className}`, children: children }));
export default Card;