import { HTMLProps } from 'react'; import { BorderColor, ElementBorder, ElementElevation, ElementInset, ElementShape } from '../../utils'; import { IS_DIVIDER } from './divider.guards'; /** * Props for the {@link Divider} component. * * @category Divider */ export interface DividerProps extends Omit, 'ref'> { /** Line color token used for the divider. */ borderColor?: BorderColor; /** Alias for `borderColor`. */ color?: BorderColor; /** Divider thickness (0–4). Default: 1 */ border?: ElementBorder; /** If true, renders divider vertically. */ vertical?: boolean; /** Inset alignment mode (`left`, `right`, `top`, `bottom`, `middle`). */ inset?: ElementInset; /** Offset applied for inset margins. */ insetSize?: number; /** Spacing around the divider in px. Default: 8. */ spacing?: number; /** Opacity preset applied to the divider. */ variant?: 'subtle' | 'medium' | 'strong'; /** Elevation level applied to the divider. */ elevation?: ElementElevation; /** Corner shape applied to the divider. */ shape?: ElementShape; /** Height of a vertical divider in inline and flex-column layouts. */ height?: string; } /** * **Divider** - thin line used to separate content. * * Supports horizontal and vertical orientation, thickness, spacing, * inset offsets, color tokens, opacity presets, elevation and corner shapes * * @param props * @function * @example * ```tsx * * ``` * * @example * ```tsx * * ``` * * @category Divider */ export declare const Divider: { (props: DividerProps): import("react/jsx-runtime").JSX.Element; /** * Display name used by React DevTools. * * @internal */ displayName: string; /** * Marks this component as a Divider for runtime type guards. * * Used internally to identify Divider elements via a shared Symbol. * Not part of the public API. * * @internal */ [IS_DIVIDER]: boolean; };