import React, { HTMLAttributes, ReactNode } from "react";
import { FitToOuter, Signal } from "../styles/css-var";
import { IconImage } from "./icon";
export declare type AccordionContainerHook = {
    open: () => void;
    close: () => void;
    toggle: () => void;
};
export declare type AccordionContainerAttributes = HTMLAttributes<HTMLDivElement> & {
    $fto?: FitToOuter;
    $hook?: AccordionContainerHook;
    $disabled?: boolean;
    $header?: ReactNode;
    $defaultClose?: boolean;
    $close?: boolean;
    $toggled?: (opened: boolean) => void;
    $animationDuration?: number;
    $height?: number;
    $borderless?: boolean;
    $signal?: Signal;
    $openedIconImage?: IconImage;
    $closedIconImage?: IconImage;
};
declare const AccordionContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
    $fto?: FitToOuter;
    $hook?: AccordionContainerHook;
    $disabled?: boolean;
    $header?: ReactNode;
    $defaultClose?: boolean;
    $close?: boolean;
    $toggled?: (opened: boolean) => void;
    $animationDuration?: number;
    $height?: number;
    $borderless?: boolean;
    $signal?: Signal;
    $openedIconImage?: IconImage;
    $closedIconImage?: IconImage;
} & React.RefAttributes<HTMLDivElement>>;
export declare const useAccordionContainer: () => AccordionContainerHook;
export default AccordionContainer;
