mysql-mcp-webui

import React from 'react'; interface CardProps { children: React.ReactNode; className?: string; hoverable?: boolean; padding?: 'none' | 'sm' | 'md' | 'lg'; } export const Card: React.FC<CardProps> = ({ children, className = '', hoverable = false, padding = 'md', }) => { const paddingStyles = { none: '', sm: 'p-3', md: 'p-4', lg: 'p-6', }; return ( <div className={` bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm ${hoverable ? 'hover:shadow-md transition-shadow duration-200' : ''} ${paddingStyles[padding]} ${className} `} > {children} </div> ); };