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;
};