import { FC, ReactElement } from "react";
export declare type AccordionGroupProps = {
    /** An HTML ID attribute that will be attached to the the rendered Accordion Group. Useful for targeting it from tests */
    id?: string;
    /** Custom classnames for the Accordion Group */
    className?: string;
    /** A list of Accordion components to render inside this Accordion Group */
    children: ReactElement<AccordionProps> | Array<ReactElement<AccordionProps>>;
};
export declare const AccordionGroup: FC<AccordionGroupProps>;
export declare type AccordionProps = {
    /** Title or "summary" of the Accordion */
    title: string;
    /** Controls what kind of emotion this Accordion represents */
    variant?: Variant;
    /** An HTML ID attribute that will be attached to the Accordion's elements. Useful for targeting it from tests */
    id?: string;
    /** Controls if this Accordion is disabled */
    isDisabled?: boolean;
    /** Controls if this Accordion is initially expanded. Default is false */
    expanded?: boolean;
    /** Custom classnames for the Accordion */
    className?: string;
};
export declare const Accordion: FC<AccordionProps>;
declare const VariantStyles: {
    readonly neutral: {
        readonly name: "i";
        readonly style: "p-1 bg-blue-600";
    };
    readonly negative: {
        readonly name: "x";
        readonly style: "p-0.5 bg-red-600";
    };
    readonly positive: {
        readonly name: "check";
        readonly style: "p-0.5 bg-green-600";
    };
};
declare type Variant = keyof typeof VariantStyles;
export {};
