/** * Props del componente DropdownItemHeading * * Especificaciones de Figma: node 6135:32539 * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-32539&m=dev */ export interface DropdownItemHeadingProps { /** * Texto del label principal del heading * Tipografía: Label/Small (14px, Bold) * Color: content-primary (#18181b light, #bfe2fe dark) * * @default 'Label' */ label?: string; /** * Texto de descripción secundaria bajo el label * Tipografía: Paragraph/Tiny (12px, Regular) * Color: content-secondary (#a1a1aa light, #93d1fd dark) * * @default undefined */ description?: string; /** * Si se debe mostrar la descripción * Cuando es false, solo muestra el label * * @default true */ showDescription?: boolean; /** * Nombre del icono a mostrar (string) * Iconos disponibles: * - `'cog-6-tooth'`: Icono de engranaje (por defecto) * - `'check'`: Icono de check * - `'x'`: Icono de cerrar * - `'chevron-down'`: Icono de chevron hacia abajo * * Tamaño: 16x16px * Color: primary-600 (#0e79fd light, #bfe2fe dark) * * Si no se proporciona, se usa 'cog-6-tooth' por defecto * * @default 'cog-6-tooth' * @see icons.tsx para ver los iconos disponibles */ iconName?: string | null; /** * Si se debe mostrar el icono en la izquierda * * @default true */ showIcon?: boolean; /** * Texto de acción a mostrar en la derecha * Tipografía: Paragraph/XXSmall (10px, Regular) * Color: content-secondary (#a1a1aa light, #93d1fd dark) * * Comúnmente usado para "Clear", "Reset", etc. * * @default undefined */ actionLabel?: string; /** * Si se debe mostrar el action label en la derecha * * @default false */ showAction?: boolean; /** * Callback ejecutado al hacer click en el action label */ onActionClick?: (event: React.MouseEvent) => void; /** * Clases CSS adicionales para personalización * * @default '' */ className?: string; /** * Atributos HTML adicionales */ [key: string]: unknown; } //# sourceMappingURL=DropdownItemHeading.types.d.ts.map