import type React from 'react';
/**
 * Props del componente Card
 *
 * Contenedor principal de la tarjeta. Acepta todos los atributos HTML de un `<div>`.
 *
 * @example
 * ```tsx
 * <Card className="max-w-sm">
 *   <CardContent>Contenido</CardContent>
 * </Card>
 * ```
 */
export type CardProps = React.ComponentProps<'div'>;
/**
 * Props del componente CardHeader
 *
 * Cabecera de la tarjeta con grid layout. Cuando contiene un `CardAction`,
 * el grid se convierte en 2 columnas posicionando la acción a la derecha.
 */
export type CardHeaderProps = React.ComponentProps<'div'>;
/**
 * Props del componente CardTitle
 *
 * Título principal de la tarjeta. Renderizado como un `<div>` con
 * tipografía semibold y leading ajustado.
 */
export type CardTitleProps = React.ComponentProps<'div'>;
/**
 * Props del componente CardDescription
 *
 * Descripción secundaria de la tarjeta. Renderizado con color de texto
 * secundario del sistema de diseño.
 */
export type CardDescriptionProps = React.ComponentProps<'div'>;
/**
 * Props del componente CardAction
 *
 * Elemento de acción posicionado en la esquina superior derecha del `CardHeader`.
 * Debe ubicarse dentro de un `CardHeader` para que el posicionamiento funcione correctamente.
 *
 * @example
 * ```tsx
 * <CardHeader>
 *   <CardTitle>Título</CardTitle>
 *   <CardAction>
 *     <Button type="plain" size="sm">Editar</Button>
 *   </CardAction>
 * </CardHeader>
 * ```
 */
export type CardActionProps = React.ComponentProps<'div'>;
/**
 * Props del componente CardContent
 *
 * Área de contenido principal de la tarjeta con padding horizontal estándar.
 */
export type CardContentProps = React.ComponentProps<'div'>;
/**
 * Props del componente CardFooter
 *
 * Pie de la tarjeta con layout flex horizontal y padding estándar.
 * Cuando tiene borde superior (`border-t`), aplica padding vertical automático.
 */
export type CardFooterProps = React.ComponentProps<'div'>;
//# sourceMappingURL=Card.types.d.ts.map