import React from 'react';
import type { DropdownItemHeadingProps } from './DropdownItemHeading.types';
/**
 * Componente DropdownItemHeading del sistema de diseño Siesa
 *
 * Implementación pixel-perfect basada en Figma (node 6135:32539)
 * para encabezados en menús dropdown con icono, label, descripción y acción.
 *
 * **Estructura:**
 * - Icon Wrapper: Opcional, icono de 16x16px
 * - Content Wrapper: Label + Description (flexible)
 * - Action Wrapper: Opcional, texto de acción en la derecha
 *
 * **Dimensiones:**
 * - Altura flexible (contenido vertical)
 * - Width mínimo: 224px
 * - Padding: 8px vertical, 16px horizontal
 * - Border radius: 8px (rounded-lg)
 *
 * **Tipografía:**
 * - Label: Label/Small (14px Bold) - content-primary
 * - Description: Paragraph/Tiny (12px Regular) - content-secondary
 * - Action: Paragraph/XXSmall (10px Regular) - content-secondary
 *
 * **Dark Mode:**
 * - Label: #18181b (light) → #bfe2fe (dark)
 * - Description: #a1a1aa (light) → #93d1fd (dark)
 * - Icon: #0e79fd (light) → #bfe2fe (dark)
 * - Action: #a1a1aa (light) → #93d1fd (dark)
 *
 * **Estados:**
 * - Default: Sin hover/focus
 * - Hover: Overlay sutil (managed by parent Dropdown)
 * - Disabled: Opacity 50% (managed by parent Dropdown)
 *
 * **Especificaciones de Figma:**
 * - Gap entre elementos: 12px
 * - Gap entre label y description: 2px
 * - Rounded: 8px (rounded-lg)
 *
 * @see docs/colors.md - Sistema de colores
 * @see docs/typography.md - Sistema tipográfico (Label/Small, Paragraph/Tiny)
 * @see docs/spacing.md - Sistema de espaciado
 * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-32539 - Diseño Figma
 *
 * @example
 * ```tsx
 * // Con icono, label, descripción y acción
 * <DropdownItemHeading
 *   label="Settings"
 *   description="Configure your preferences"
 *   showDescription={true}
 *   icon={<SettingsIcon />}
 *   showIcon={true}
 *   actionLabel="Clear"
 *   showAction={true}
 *   onActionClick={handleClear}
 * />
 *
 * // Solo label y descripción (sin icono ni acción)
 * <DropdownItemHeading
 *   label="My Account"
 *   description="user@example.com"
 *   showDescription={true}
 * />
 *
 * // Solo label
 * <DropdownItemHeading
 *   label="Quick Actions"
 *   showDescription={false}
 * />
 * ```
 */
export declare const DropdownItemHeading: React.FC<DropdownItemHeadingProps>;
//# sourceMappingURL=DropdownItemHeading.d.ts.map