import type { ReactNode, HTMLAttributes } from 'react';
/**
 * Esquemas de color disponibles para el componente Info
 * Basado en las variantes de color del Siesa UI Kit en Figma
 */
export type InfoColor = 'zinc' | 'red' | 'blue' | 'green' | 'yellow' | 'orange' | 'purple' | 'primary' | 'secondary';
/**
 * Props del componente Info
 */
export interface InfoProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * Título principal del mensaje de información
     */
    title: string;
    /**
     * Descripción o detalle adicional (opcional)
     */
    description?: string;
    /**
     * Esquema de color del componente
     * @default 'zinc'
     */
    color?: InfoColor;
    /**
     * Icono personalizado. Si no se provee, se usará InformationCircleIcon por defecto.
     */
    icon?: ReactNode;
    /**
     * Clases CSS adicionales
     */
    className?: string;
    /**
     * Contenido adicional opcional
     */
    children?: ReactNode;
}
//# sourceMappingURL=Info.types.d.ts.map