import type { DividerProps } from './Divider.types';
/**
 * Divider del sistema de diseño Siesa
 *
 * Línea horizontal de 1px para separar contenido visual o semánticamente.
 * Implementa dos variantes con soporte completo de dark mode.
 *
 * 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
 * - Componente semántico usando elemento <hr>
 *
 * @see docs/colors.md - Sistema de colores (border-primary, border-secondary)
 * @see docs/spacing.md - Sistema de espaciado (altura de 1px)
 * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4096-8445 - Especificaciones Figma
 *
 * @example
 * ```tsx
 * // Default divider (más visible)
 * <Divider />
 * <Divider type="default" />
 *
 * // Soft divider (más sutil)
 * <Divider type="soft" />
 *
 * // Con clases personalizadas
 * <Divider className="my-6" />
 * ```
 */
export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
//# sourceMappingURL=Divider.d.ts.map