import { ButtonBaseState } from '@fluentui/react-button';
import { ContextSelector } from '@fluentui/react-context-selector';
import { DividerBaseState } from '@fluentui/react-divider';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { JSXElement } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import type { ToolbarBaseProps } from '@fluentui/react-toolbar';
import { ToolbarBaseState } from '@fluentui/react-toolbar';
import type { ToolbarButtonBaseProps } from '@fluentui/react-toolbar';
import type { ToolbarButtonBaseState } from '@fluentui/react-toolbar';
import { ToolbarContextValue } from '@fluentui/react-toolbar';
import { ToolbarContextValues as ToolbarContextValues_2 } from '@fluentui/react-toolbar';
import type { ToolbarDividerBaseProps } from '@fluentui/react-toolbar';
import type { ToolbarDividerBaseState } from '@fluentui/react-toolbar';
import type { ToolbarGroupProps as ToolbarGroupProps_2 } from '@fluentui/react-toolbar';
import { ToolbarGroupState as ToolbarGroupState_2 } from '@fluentui/react-toolbar';
import type { ToolbarRadioButtonBaseProps } from '@fluentui/react-toolbar';
import type { ToolbarRadioButtonBaseState } from '@fluentui/react-toolbar';
import type { ToolbarRadioGroupProps as ToolbarRadioGroupProps_2 } from '@fluentui/react-toolbar';
import type { ToolbarRadioGroupState as ToolbarRadioGroupState_2 } from '@fluentui/react-toolbar';
import type { ToolbarSlots as ToolbarSlots_2 } from '@fluentui/react-toolbar';
import type { ToolbarToggleButtonBaseProps } from '@fluentui/react-toolbar';
import type { ToolbarToggleButtonBaseState } from '@fluentui/react-toolbar';

/**
 * Renders the final JSX of the Toolbar component, given the state and context values.
 */
export declare const renderToolbar: (state: ToolbarBaseState, contextValues: ToolbarContextValues_2) => JSXElement;

/**
 * Renders the final JSX of the ToolbarButton component, given the state.
 */
export declare const renderToolbarButton: (state: ButtonBaseState) => JSXElement;

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

/**
 * Renders the final JSX of the ToolbarGroup component, given the state.
 */
export declare const renderToolbarGroup: (state: ToolbarGroupState_2) => JSXElement;

/**
 * Renders the final JSX of the ToolbarRadioButton component, given the state.
 */
export declare const renderToolbarRadioButton: (state: ButtonBaseState) => JSXElement;

/**
 * Renders the final JSX of the ToolbarRadioGroup component, given the state.
 */
export declare const renderToolbarRadioGroup: (state: ToolbarGroupState_2) => JSXElement;

/**
 * Renders the final JSX of the ToolbarToggleButton component, given the state.
 */
export declare const renderToolbarToggleButton: (state: ButtonBaseState) => JSXElement;

/**
 * A toolbar component that provides a container for grouping a set of controls such as buttons and menu items.
 */
export declare const Toolbar: ForwardRefComponent<ToolbarProps>;

/**
 * A button component designed to be used inside a Toolbar, inheriting toolbar context such as size.
 */
export declare const ToolbarButton: ForwardRefComponent<ToolbarButtonProps>;

export declare type ToolbarButtonProps = ToolbarButtonBaseProps;

export declare type ToolbarButtonState = ToolbarButtonBaseState & {
    root: {
        /**
         * Data attribute set when the button is in a vertically oriented toolbar.
         */
        'data-vertical'?: string;
        /**
         * Data attribute set when the button is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the button is disabled but still focusable.
         */
        'data-disabled-focusable'?: string;
        /**
         * Data attribute set when the button renders only an icon.
         */
        'data-icon-only'?: string;
    };
};

export declare type ToolbarContextValues = ToolbarContextValues_2;

/**
 * A divider component designed to be used inside a Toolbar to visually separate groups of controls.
 * Its orientation is automatically inverted relative to the toolbar's orientation.
 */
export declare const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps>;

export declare type ToolbarDividerProps = ToolbarDividerBaseProps;

export declare type ToolbarDividerState = ToolbarDividerBaseState & {
    root: {
        /**
         * Data attribute reflecting the actual orientation of the divider element.
         * Note: the toolbar divider's orientation is inverted relative to the toolbar's orientation.
         */
        'data-vertical'?: string;
    };
};

/**
 * A group component used inside a Toolbar to visually and semantically group related controls.
 */
export declare const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps>;

export declare type ToolbarGroupProps = ToolbarGroupProps_2;

export declare type ToolbarGroupState = ToolbarGroupState_2 & {
    root: {
        /**
         * Data attribute set when the toolbar group is in a vertically oriented toolbar.
         */
        'data-vertical'?: string;
    };
};

export declare type ToolbarProps = ToolbarBaseProps;

/**
 * A radio button designed to be used inside a Toolbar with mutually exclusive selection behavior.
 */
export declare const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps>;

export declare type ToolbarRadioButtonProps = ToolbarRadioButtonBaseProps;

export declare type ToolbarRadioButtonState = ToolbarRadioButtonBaseState & {
    root: {
        /**
         * Data attribute set when the button is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the button is disabled but still focusable.
         */
        'data-disabled-focusable'?: string;
        /**
         * Data attribute set when the button renders only an icon.
         */
        'data-icon-only'?: string;
        /**
         * Data attribute set when the button is in a checked (selected) state.
         */
        'data-checked'?: string;
    };
};

/**
 * A radio group component used inside a Toolbar to group mutually exclusive toggle controls.
 */
export declare const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps>;

export declare type ToolbarRadioGroupProps = ToolbarRadioGroupProps_2;

export declare type ToolbarRadioGroupState = ToolbarRadioGroupState_2 & {
    /**
     * Whether the toolbar group is in a vertically oriented toolbar.
     */
    vertical?: boolean;
    root: {
        /**
         * Data attribute set when the toolbar radio group is in a vertically oriented toolbar.
         */
        'data-vertical'?: string;
    };
};

export declare type ToolbarSlots = ToolbarSlots_2;

export declare type ToolbarState = ToolbarBaseState & {
    root: {
        /**
         * Data attribute set when the toolbar is vertically oriented.
         */
        'data-vertical'?: string;
        /**
         * Data attribute to define the focus behavior of the toolbar's children
         */
        focusgroup?: string;
    };
};

/**
 * A toggle button designed to be used inside a Toolbar with toolbar toggle-group behavior.
 */
export declare const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps>;

export declare type ToolbarToggleButtonProps = ToolbarToggleButtonBaseProps;

export declare type ToolbarToggleButtonState = ToolbarToggleButtonBaseState & {
    root: {
        /**
         * Data attribute set when the button is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the button is disabled but still focusable.
         */
        'data-disabled-focusable'?: string;
        /**
         * Data attribute set when the button renders only an icon.
         */
        'data-icon-only'?: string;
        /**
         * Data attribute set when the button is in a checked (pressed) state.
         */
        'data-checked'?: string;
    };
};

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

/**
 * Returns the state for a ToolbarButton component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderToolbarButton`.
 */
export declare const useToolbarButton: (props: ToolbarButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarButtonState;

/**
 * Returns the context of the toolbar, which is used to pass information about the toolbar to its children.
 */
export declare const useToolbarContext: <T>(selector: ContextSelector<ToolbarContextValue, T>) => T;

/**
 * Maps the state of the toolbar to the values that are passed through context to its children.
 */
export declare const useToolbarContextValues: (state: ToolbarState) => ToolbarContextValues;

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

/**
 * Returns the state for a ToolbarGroup component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderToolbarGroup`.
 */
export declare const useToolbarGroup: (props: ToolbarGroupProps, ref: React_2.Ref<HTMLDivElement>) => ToolbarGroupState;

/**
 * Returns the state for a ToolbarRadioButton component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderToolbarRadioButton`.
 */
export declare const useToolbarRadioButton: (props: ToolbarRadioButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarRadioButtonState;

/**
 * Returns the state for a ToolbarRadioGroup component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderToolbarRadioGroup`.
 */
export declare const useToolbarRadioGroup: (props: ToolbarRadioGroupProps, ref: React_2.Ref<HTMLDivElement>) => ToolbarRadioGroupState;

/**
 * Returns the state for a ToolbarToggleButton component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderToolbarToggleButton`.
 */
export declare const useToolbarToggleButton: (props: ToolbarToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarToggleButtonState;

export { }