import type { AccordionBaseProps } from '@fluentui/react-accordion';
import { AccordionBaseState } from '@fluentui/react-accordion';
import { AccordionContextValue } from '@fluentui/react-accordion';
import { AccordionContextValues as AccordionContextValues_2 } from '@fluentui/react-accordion';
import type { AccordionHeaderBaseProps } from '@fluentui/react-accordion';
import { AccordionHeaderBaseState } from '@fluentui/react-accordion';
import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
import type { AccordionHeaderSlots as AccordionHeaderSlots_2 } from '@fluentui/react-accordion';
import { AccordionItemContextValues } from '@fluentui/react-accordion';
import type { AccordionItemProps as AccordionItemProps_2 } from '@fluentui/react-accordion';
import type { AccordionItemSlots as AccordionItemSlots_2 } from '@fluentui/react-accordion';
import { AccordionItemState as AccordionItemState_2 } from '@fluentui/react-accordion';
import type { AccordionPanelBaseProps } from '@fluentui/react-accordion';
import type { AccordionPanelBaseState } from '@fluentui/react-accordion';
import type { AccordionPanelSlots as AccordionPanelSlots_2 } from '@fluentui/react-accordion';
import type { AccordionSlots as AccordionSlots_2 } from '@fluentui/react-accordion';
import { ContextSelector } from '@fluentui/react-context-selector';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { JSXElement } from '@fluentui/react-utilities';
import type * as React_2 from 'react';

/**
 * Represents a set of collapsible panels with headings.
 */
export declare const Accordion: ForwardRefComponent<AccordionProps>;

export declare type AccordionContextValues = AccordionContextValues_2;

/**
 * Represents the heading of an accordion item, containing a button that toggles the panel open or closed.
 */
export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;

declare type AccordionHeaderContextValues_2 = AccordionHeaderContextValues;

export declare type AccordionHeaderProps = AccordionHeaderBaseProps;

export declare type AccordionHeaderSlots = AccordionHeaderSlots_2;

export declare type AccordionHeaderState = AccordionHeaderBaseState & {
    root: {
        /**
         * Data attribute set when the accordion item is open.
         */
        'data-open'?: string;
        /**
         * Data attribute set when the accordion header is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute reflecting the expand icon position. Value is 'start' or 'end'.
         */
        'data-expand-icon-position'?: string;
    };
};

/**
 * Represents a single collapsible section within an Accordion, containing a header and a panel.
 */
export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;

declare type AccordionItemContextValues_2 = AccordionItemContextValues;

export declare type AccordionItemProps = AccordionItemProps_2;

export declare type AccordionItemSlots = AccordionItemSlots_2;

export declare type AccordionItemState = AccordionItemState_2 & {
    root: {
        /**
         * Data attribute set to indicate whether the accordion item is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set to indicate whether the accordion item is open.
         */
        'data-open'?: string;
    };
};

/**
 * Represents the content area of an accordion item, revealed when the associated header is toggled open.
 */
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;

export declare type AccordionPanelProps = AccordionPanelBaseProps;

export declare type AccordionPanelSlots = AccordionPanelSlots_2;

export declare type AccordionPanelState = AccordionPanelBaseState & {
    root: {
        /**
         * Data attribute set when the accordion panel is open.
         */
        'data-open'?: string;
    };
};

export declare type AccordionProps = AccordionBaseProps;

export declare type AccordionSlots = AccordionSlots_2;

export declare type AccordionState = AccordionBaseState & {
    root: {
        /**
         * Data attribute set to indicate whether the accordion allows multiple items to be expanded at once.
         */
        'data-collapsible'?: string;
        /**
         * Data attribute set to indicate whether the accordion allows multiple items to be expanded at once.
         */
        'data-multiple'?: string;
    };
};

/**
 * Renders the final JSX of the Accordion component, given the state and context values.
 */
export declare const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement;

/**
 * Renders the final JSX of the AccordionHeader component, given the state and context values.
 */
export declare const renderAccordionHeader: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement;

/**
 * Renders the final JSX of the AccordionItem component, given the state and context values.
 */
export declare const renderAccordionItem: (state: AccordionItemState_2, contextValues: AccordionItemContextValues) => JSXElement;

/**
 * Renders the final JSX of the AccordionPanel component, given the state.
 */
export declare const renderAccordionPanel: (state: AccordionPanelState) => JSXElement;

/**
 * Returns the state for an Accordion component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderAccordion`.
 */
export declare const useAccordion: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;

/**
 * Returns the context of the accordion, which is used to pass information about the accordion to its children. This is used when a child component needs to know about the state of the accordion, such as whether it is collapsible or allows multiple items to be expanded.
 */
export declare const useAccordionContext: <T>(selector: ContextSelector<AccordionContextValue, T>) => T;

/**
 * Maps the state of the accordion to the values that are passed through context to its children. This is used when a child component needs to know about the state of the accordion, such as whether it is collapsible or allows multiple items to be expanded.
 */
export declare const useAccordionContextValues: (state: AccordionState) => AccordionContextValues;

/**
 * Returns the state for an AccordionHeader component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderAccordionHeader`.
 */
export declare const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;

/**
 * Maps AccordionHeader state to the context values passed down to child components.
 */
export declare const useAccordionHeaderContextValues: (state: AccordionHeaderState) => AccordionHeaderContextValues_2;

/**
 * Returns the state for an AccordionItem component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderAccordionItem`.
 */
export declare const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;

/**
 * Maps AccordionItem state to the context values passed down to child components.
 */
export declare const useAccordionItemContextValues: (state: AccordionItemState) => AccordionItemContextValues_2;

/**
 * Returns the state for an AccordionPanel component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderAccordionPanel`.
 */
export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;

export { }