import * as React from 'react';

/**
 * A horizontal divider broken by a centred label — e.g. the "or" rule that
 * separates one sign-in method from another in a login form.
 *
 * Always renders a label (defaulting to "or"); it is not a plain horizontal
 * rule. For an unbroken divider, use the `Separator` component instead.
 *
 * The two flanking rules are rendered `decorative` (role="none") because the
 * visible label already conveys the boundary to assistive tech; exposing two
 * `role="separator"` elements either side of it would be redundant noise.
 */
declare function LabeledSeparator({ className, children, ref, ...props }: React.ComponentProps<'div'> & {
    children?: React.ReactNode;
}): React.JSX.Element;

type LabeledSeparatorProps = React.ComponentProps<typeof LabeledSeparator>;

export { LabeledSeparator, type LabeledSeparatorProps };