import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the Divider component
 * @extends ComponentPropsWithoutRef<"span">
 * @extends LayoutUtilProps
 */
export type DividerProps = ComponentPropsWithoutRef<"span"> & LayoutUtilProps & {
    /**
     * Controls the alignment of content within the divider.
     * @default center
     */
    alignContent?: "start" | "center" | "end";
    /**
     * Controls the spacing around the divider.
     * @default "0"
     */
    spacing?: "0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "12" | 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 12;
    /**
     * When true, renders the divider vertically instead of horizontally.
     * @default false
     */
    vertical?: boolean;
};
/**
 * Divider component for creating visual separators between content sections.
 *
 * Features:
 * - Horizontal and vertical divider orientations
 * - Optional content display within the divider
 * - Three content alignment options (start, center, end)
 * - Configurable spacing with predefined size tokens
 * - Supports layout utilities for positioning and spacing
 * - Flexible content placement with automatic line positioning
 * - Responsive design that adapts to container width
 *
 * @example
 * <Divider spacing="2" alignContent="center">
 *   <b>Section Title</b>
 * </Divider>
 */
export declare const Divider: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & LayoutUtilProps & {
    /**
     * Controls the alignment of content within the divider.
     * @default center
     */
    alignContent?: "start" | "center" | "end";
    /**
     * Controls the spacing around the divider.
     * @default "0"
     */
    spacing?: "0" | "half" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "12" | 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 12;
    /**
     * When true, renders the divider vertically instead of horizontally.
     * @default false
     */
    vertical?: boolean;
} & import('react').RefAttributes<HTMLSpanElement>>;