import React from 'react';
import { type ComposableProps } from '../../../lib/slot';
export type DividerType = 'primary' | 'secondary' | 'tertiary' | 'with-label';
export type DividerOrientation = 'left' | 'right' | 'center';
export interface DividerProps extends ComposableProps<'div'> {
/**
* The type of divider to display
* @default 'primary'
*/
type?: DividerType;
/**
* Label to display in the middle of the divider (only for type='with-label')
*/
label?: React.ReactNode;
/**
* Direction of divider
* @default 'horizontal'
*/
direction?: 'horizontal' | 'vertical';
/**
* Whether line is dashed
*/
dashed?: boolean;
/**
* Position of title inside divider
* @default 'center'
*/
orientation?: DividerOrientation;
/**
* Margin for orientation
*/
orientationMargin?: string | number;
/**
* Whether to be a normal text without line if plain
*/
plain?: boolean;
children?: React.ReactNode;
}
/**
* Divider Component
*
* A divider component for separating content sections.
*
* @public
*
* @example
* ```tsx
*