import { CardProps } from '../../../../shared/types/card'; import { PropsWithChildren } from 'react'; import { SeparatorProps } from '../../../../shared/types/separator'; type CardFooterProps = PropsWithChildren<{ className?: string; }>; type CardHeaderProps = PropsWithChildren<{ className?: string; }>; type CardBodyProps = PropsWithChildren<{ className?: string; fullHeight?: boolean; scrollable?: boolean; }>; type CardSeparatorProps = SeparatorProps; /** * Card - Componente de tarjeta/card versátil * * Componente de tarjeta que soporta header, body, footer y separadores. * Incluye compound components para máxima flexibilidad en la estructura. * * @example * ```tsx * // Card simple * * Título * Contenido de la tarjeta * * * // Card con footer * * Título * Contenido * * * * * * // Card clickeable * console.log('clicked')}> * Contenido clickeable * * * // Sin borde (p. ej. dentro de Drawer brand) * * Contenido * * ``` * * @see {@link CardProps} para la lista completa de props * @see {@link Card.Header}, {@link Card.Body}, {@link Card.Footer}, {@link Card.Separator} para compound components */ export declare const Card: { ({ children, className, fullWidth, full, fullHeight, onClick, rounded, padding, gap, bordered, active, }: CardProps): import("react/jsx-runtime").JSX.Element; Header({ children, className }: CardHeaderProps): import("react/jsx-runtime").JSX.Element; Body({ children, className, fullHeight, scrollable }: CardBodyProps): import("react/jsx-runtime").JSX.Element; Footer({ children, className }: CardFooterProps): import("react/jsx-runtime").JSX.Element; Separator({ className, vertical, padding }: CardSeparatorProps): import("react/jsx-runtime").JSX.Element; }; export {}; //# sourceMappingURL=Card.d.ts.map