13 lines
836 B
JavaScript
13 lines
836 B
JavaScript
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, CardHeader, CardFooter, CardContent };
|