import { type FC, type PropsWithChildren, type ReactNode } from 'react';
import { type VariantProps } from 'tailwind-variants';
import { type BaseElementProps } from '../Base';
import { type HeadingTagTypes } from '../Heading';
type ObjectHeadingType = {
    text: ReactNode;
    /**
     * 可能な限り利用せず、SectioningContent(Article, Aside, Nav, Section)を使ってInformationPanel全体を囲むことで、InformationPanelのheadingのレベルを調整する方法を検討してください
     */
    unrecommendedTag?: HeadingTagTypes;
};
type HeadingType = ReactNode | ObjectHeadingType;
type AbstractProps = PropsWithChildren<{
    /** パネルのタイトル */
    heading: HeadingType;
    /** `true` のとき、開閉ボタンを表示する */
    toggleable?: boolean;
    /** 開閉ボタン押下時に発火するコールバック関数 */
    onClickTrigger?: (active: boolean) => void;
}> & VariantProps<typeof classNameGenerator>;
type Props = AbstractProps & Omit<BaseElementProps, keyof AbstractProps>;
declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
    type: {
        success: {};
        info: {};
        warning: {};
        error: {};
        sync: {};
    };
    active: {
        true: {};
        false: {
            header: string;
        };
    };
    bold: {
        true: {
            header: string;
            content: string;
        };
        false: {};
    };
}, {
    wrapper: string;
    header: string;
    heading: string;
    toggleableButton: string;
    content: string[];
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
    type: {
        success: {};
        info: {};
        warning: {};
        error: {};
        sync: {};
    };
    active: {
        true: {};
        false: {
            header: string;
        };
    };
    bold: {
        true: {
            header: string;
            content: string;
        };
        false: {};
    };
}, {
    type: {
        success: {};
        info: {};
        warning: {};
        error: {};
        sync: {};
    };
    active: {
        true: {};
        false: {
            header: string;
        };
    };
    bold: {
        true: {
            header: string;
            content: string;
        };
        false: {};
    };
}>, {
    type: {
        success: {};
        info: {};
        warning: {};
        error: {};
        sync: {};
    };
    active: {
        true: {};
        false: {
            header: string;
        };
    };
    bold: {
        true: {
            header: string;
            content: string;
        };
        false: {};
    };
}, {
    wrapper: string;
    header: string;
    heading: string;
    toggleableButton: string;
    content: string[];
}, import("tailwind-variants").TVReturnType<{
    type: {
        success: {};
        info: {};
        warning: {};
        error: {};
        sync: {};
    };
    active: {
        true: {};
        false: {
            header: string;
        };
    };
    bold: {
        true: {
            header: string;
            content: string;
        };
        false: {};
    };
}, {
    wrapper: string;
    header: string;
    heading: string;
    toggleableButton: string;
    content: string[];
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
    type: {
        success: {};
        info: {};
        warning: {};
        error: {};
        sync: {};
    };
    active: {
        true: {};
        false: {
            header: string;
        };
    };
    bold: {
        true: {
            header: string;
            content: string;
        };
        false: {};
    };
}, {
    type: {
        success: {};
        info: {};
        warning: {};
        error: {};
        sync: {};
    };
    active: {
        true: {};
        false: {
            header: string;
        };
    };
    bold: {
        true: {
            header: string;
            content: string;
        };
        false: {};
    };
}>, unknown, unknown, undefined>>;
export declare const InformationPanel: FC<Props>;
export {};