import { ReactElement } from "react";
import { AccordionHeaderProps } from "./accordionHeader";
import { AccordionBodyProps } from "./accordionBody";
export declare enum AccordionSizes {
    XS = "xs",
    SM = "sm",
    MD = "md",
    LG = "lg",
    XL = "xl"
}
export type AccordionSize = `${AccordionSizes}`;
export interface AccordionProps {
    children?: Array<ReactElement<AccordionBodyProps | AccordionHeaderProps>>;
    /**
     * Expand or collapse the Accordion
     */
    expand?: boolean;
    /**
     * Set it to false if you want the Accordion to Expand or Collapse only on click of the arrow
     */
    clickableHeader?: boolean;
    /**
     * Size of the Accordion Header (Text and Spacing)
     * @default sm
     */
    size?: AccordionSize;
    /**
     * Overwrite the styles for Accordion by passing space separated class names
     */
    className?: string;
}
export declare const Accordion: {
    ({ children, expand, clickableHeader, className, size }: AccordionProps): JSX.Element | null;
    Header: ({ children, className }: AccordionHeaderProps) => JSX.Element | null;
    Body: ({ children, className }: AccordionBodyProps) => JSX.Element | null;
};
export default Accordion;
