import React from "react";
import { type VariantProps } from "../utils.js";
import type { AccordionRoot } from "./components/AccordionRoot.js";
import { type AccordionItemProps } from "./components/AccordionItem.js";
import { useAccordionProps } from "./components/AccordionPropsProvider.js";
declare const accordionVariants: (props?: ({
    variant?: "container" | "underline" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionRoot> & VariantProps<typeof accordionVariants> & {
    children: React.ReactNode;
    background?: "base" | "light" | "transparent";
    border?: "none" | "accent";
    openClosedIndicatorPosition?: "left" | "right";
};
export declare const Accordion: ((props: AccordionProps) => React.JSX.Element) & {
    original: (props: AccordionProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: ((props: AccordionProps) => React.JSX.Element) & {
        original: (props: AccordionProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: AccordionProps) => React.JSX.Element) & {
        original: (props: AccordionProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
} & {
    Item: ((props: AccordionItemProps) => React.JSX.Element) & {
        original: (props: AccordionItemProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: ((props: AccordionItemProps) => React.JSX.Element) & {
            original: (props: AccordionItemProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: AccordionItemProps) => React.JSX.Element) & {
            original: (props: AccordionItemProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => React.JSX.Element;
    } & {
        Icon: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
            original: (props: import("../index.js").IconProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
                original: (props: import("../index.js").IconProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").IconProps) => React.JSX.Element) & {
                original: (props: import("../index.js").IconProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => React.JSX.Element;
        };
        Action: (({ onClick, ...props }: import("./components/AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element) & {
            original: ({ onClick, ...props }: import("./components/AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        } & {
            original: (({ onClick, ...props }: import("./components/AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element) & {
                original: ({ onClick, ...props }: import("./components/AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            };
            originalName: string;
            displayName: string;
        } & {
            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ onClick, ...props }: import("./components/AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element) & {
                original: ({ onClick, ...props }: import("./components/AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            }>) => (props: unknown) => React.JSX.Element;
        } & {
            Separator: ((props: import("../index.js").SeparatorProps) => React.JSX.Element) & {
                original: (props: import("../index.js").SeparatorProps) => React.JSX.Element;
                originalName: string;
                displayName: string;
            } & {
                original: ((props: import("../index.js").SeparatorProps) => React.JSX.Element) & {
                    original: (props: import("../index.js").SeparatorProps) => React.JSX.Element;
                    originalName: string;
                    displayName: string;
                };
                originalName: string;
                displayName: string;
            } & {
                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").SeparatorProps) => React.JSX.Element) & {
                    original: (props: import("../index.js").SeparatorProps) => React.JSX.Element;
                    originalName: string;
                    displayName: string;
                }>) => (props: unknown) => React.JSX.Element;
            };
        };
    };
};
export { useAccordionProps };
export type { AccordionProps, AccordionItemProps };