import type { BooleanOrCallback } from "@ariakit/core/utils/types"; import type { ElementType, MouseEvent } from "react"; import type { ButtonOptions } from "../button/button.tsx"; import type { Props } from "../utils/types.ts"; import type { DisclosureStore } from "./disclosure-store.ts"; declare const TagName = "button"; type TagName = typeof TagName; /** * Returns props to create a `Disclosure` component. * @see https://ariakit.com/components/disclosure * @example * ```jsx * const store = useDisclosureStore(); * const props = useDisclosure({ store }); * Disclosure * Content * ``` */ export declare const useDisclosure: import("../utils/types.ts").Hook<"button", DisclosureOptions<"button">>; /** * Renders an element that controls the visibility of a * [`DisclosureContent`](https://ariakit.com/reference/disclosure-content) * element. * @see https://ariakit.com/components/disclosure * @example * ```jsx {2} * * Disclosure * Content * * ``` */ export declare const Disclosure: (props: DisclosureProps) => import("react").ReactElement>; export interface DisclosureOptions extends ButtonOptions { /** * Object returned by the * [`useDisclosureStore`](https://ariakit.com/reference/use-disclosure-store) * hook. If not provided, the closest * [`DisclosureProvider`](https://ariakit.com/reference/disclosure-provider) * component's context will be used. */ store?: DisclosureStore; /** * Determines whether * [`toggle`](https://ariakit.com/reference/use-disclosure-store#toggle) will * be called on click. This is useful if you want to handle the toggle logic * yourself. * * Live examples: * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation) * @default true */ toggleOnClick?: BooleanOrCallback>; } export type DisclosureProps = Props>; export {};