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