import type { DescriptionListProps } from './DescriptionList.types';
/**
 * DescriptionList del sistema de diseño Siesa
 *
 * Componente para mostrar información estructurada en formato clave-valor (term/details).
 * Layout de dos columnas con separador inferior entre items.
 *
 * Mejores prácticas implementadas:
 * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
 * - Dark mode con estrategia 'class' (darkMode: 'class')
 * - Tokens de color consistentes con la documentación
 * - Type safety con TypeScript estricto
 * - Layout flexible y responsive
 * - Tipografía del sistema (Paragraph/Small - 14px)
 *
 * @see docs/colors.md - Sistema de colores (content-primary, content-secondary)
 * @see docs/typography.md - Sistema tipográfico (Paragraph/Small)
 * @see docs/spacing.md - Sistema de espaciado (padding, gaps)
 * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4103-8449 - Especificaciones Figma
 *
 * @example
 * ```tsx
 * // Item básico
 * <DescriptionList
 *   term="Customer"
 *   details="Jhonatan Diaz"
 * />
 *
 * // Lista completa
 * <div>
 *   <DescriptionList term="Event" details="Bear Hug: Live in Concert" />
 *   <DescriptionList term="Amount" details="$120,000 COP" />
 *   <DescriptionList term="Fee" details="$20,000 COP" />
 * </div>
 * ```
 */
export declare const DescriptionList: import("react").ForwardRefExoticComponent<DescriptionListProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=DescriptionList.d.ts.map