import { jsx as _jsx } from "react/jsx-runtime";
export const Card = ({ children, className = '', hover = false }) => (_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 });
