import type { DividerBaseProps } from '@fluentui/react-divider';
import { DividerBaseState } from '@fluentui/react-divider';
import type { DividerSlots as DividerSlots_2 } from '@fluentui/react-divider';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { JSXElement } from '@fluentui/react-utilities';
import type * as React_2 from 'react';

/**
 * Represents a divider between two elements. By default, the divider is horizontal, but it can be set to vertical by using the `vertical` prop.
 */
export declare const Divider: ForwardRefComponent<DividerProps>;

export declare type DividerProps = DividerBaseProps;

export declare type DividerSlots = DividerSlots_2;

export declare type DividerState = DividerBaseState & {
    root: {
        /**
         * Data attribute set to indicate the orientation of the divider.
         */
        'data-orientation'?: 'vertical' | 'horizontal';
    };
};

/**
 * Renders the final JSX of the Divider component, given the state.
 */
export declare const renderDivider: (state: DividerBaseState) => JSXElement;

/**
 * Returns the state for a Divider component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderDivider`.
 */
export declare const useDivider: (props: DividerProps, ref: React_2.Ref<HTMLElement>) => DividerState;

export { }