import * as react from 'react';
import { ComponentProps } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { AccordionBuilderHeader, AccordionBuilderPanel } from './useAccordionItems.js';
import { InternalProps, StyledComponentProps, OmitInternalProps } from '../../shared/src/types.js';
import '../../styling/src/styled-system/props-handler.js';
import 'csstype';
import '../../styling/src/useResponsiveValue.js';
import '../../styling/src/BreakpointProvider.js';
import '../../shared/src/type-fest.js';
import '../../styling/src/styled-system/StylingContext.js';

declare const DefaultElement = "div";
interface InnerAccordionItemProps extends InternalProps, Omit<StyledComponentProps<typeof DefaultElement>, "ref"> {
    item: {
        header: AccordionBuilderHeader;
        id: string;
        key: string;
        panel: AccordionBuilderPanel;
    };
}
declare function InnerAccordionItem({ forwardedRef, item: { header, id, key, panel }, ...rest }: InnerAccordionItemProps): react_jsx_runtime.JSX.Element;
declare namespace InnerAccordionItem {
    var defaultElement: string;
}
/**
 * [Documentation](https://wl-orbiter-website.netlify.app/?path=/docs/accordion--default-story)
*/
declare const AccordionItem: react.ForwardRefExoticComponent<OmitInternalProps<InnerAccordionItemProps> & react.RefAttributes<any>>;
type AccordionItemProps = ComponentProps<typeof AccordionItem>;

export { AccordionItem, type AccordionItemProps, InnerAccordionItem, type InnerAccordionItemProps };