import { MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
export type AccordionProps = PropsWithChildren<{
    /**
     * Render accordion open
     */
    open?: boolean;
    /**
     * Header text
     */
    header: ReactNode;
    /**
     * Custom chevron icon
     */
    chevron?: ReactNode;
    onClick?: MouseEventHandler;
    /**
     * Custom class name
     */
    className?: string;
    /**
     * Render accordion disabeld
     */
    disabled?: boolean;
    /**
     * Used for aria controls and labels
     */
    id: string;
    /**
     * Custom color
     */
    color?: ThemeColorVariables;
    /**
     * Selfcontrolled accordion
     */
    standalone?: boolean;
}>;
export declare const Accordion: (props: {
    /**
     * Render accordion open
     */
    open?: boolean | undefined;
    /**
     * Header text
     */
    header: ReactNode;
    /**
     * Custom chevron icon
     */
    chevron?: ReactNode;
    onClick?: MouseEventHandler | undefined;
    /**
     * Custom class name
     */
    className?: string | undefined;
    /**
     * Render accordion disabeld
     */
    disabled?: boolean | undefined;
    /**
     * Used for aria controls and labels
     */
    id: string;
    /**
     * Custom color
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Selfcontrolled accordion
     */
    standalone?: boolean | undefined;
} & {
    children?: ReactNode;
} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;