import type { ReactNode } from 'react';
type FoldoutProps = {
    title?: string;
    open?: boolean;
    className?: string;
    children?: ReactNode;
} & Record<string, unknown>;
export declare function Foldout({ title, open, className, children, ...attributes }: FoldoutProps): import("react").JSX.Element;
export declare const foldoutStyles = "\n  [data-htmdx-component=\"Foldout\"] details {\n    interpolate-size: allow-keywords;\n  }\n  [data-htmdx-component=\"Foldout\"] details::details-content {\n    block-size: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition:\n      content-visibility 0.28s allow-discrete,\n      opacity 0.28s ease,\n      block-size 0.28s ease;\n  }\n  [data-htmdx-component=\"Foldout\"] details[open]::details-content {\n    block-size: auto;\n    opacity: 1;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-htmdx-component=\"Foldout\"] details::details-content,\n    [data-htmdx-component=\"Foldout\"] summary span {\n      transition: none;\n    }\n  }\n";
export {};