import { type BaseDialogProps } from "../dialog/Dialog.js";
import { type LabelRequiredForA11y } from "../types.js";
import { type BaseSheetClassNameOptions } from "./styles.js";
/**
 * @since 6.0.0
 */
export type SheetDialogProps = Omit<BaseDialogProps, "role" | "type" | "modal">;
/**
 * @since 6.0.0 extends the `SheetDialogProps` instead of `AllowedDialogProps`
 * and exports the `SheetDialogProps`.
 */
export interface BaseSheetProps extends SheetDialogProps, BaseSheetClassNameOptions {
    /**
     * @defaultValue `"dialog"`
     */
    role?: "dialog" | "menu" | "none";
    /**
     * @defaultValue `true`
     * @see {@link SheetDialogProps.exitedHidden}
     * @since 6.0.0
     */
    exitedHidden?: boolean;
}
export type SheetProps = LabelRequiredForA11y<BaseSheetProps>;
/**
 * **Client Component**
 *
 * The `Sheet` component is a {@link Dialog} that is fixed to the top, right,
 * bottom, or left of the viewport.
 *
 * @example Simple Example
 * ```tsx
 * import { Button } from "@react-md/core/button/Button";
 * import { Sheet } from "@react-md/core/sheet/Sheet";
 * import { useToggle } from "@react-md/core/useToggle";
 * import { type ReactElement } from "react";
 *
 * export function Example(): ReactElement {
 *   const { toggled, disable, enable } = useToggle();
 *
 *   return (
 *     <>
 *       <Button onClick={enable}>Show</Button>
 *       <Sheet aria-label="Customization" visible={toggled} onRequestClose={disable}>
 *         Whatever Content
 *       </Sheet>
 *     </>
 *   );
 * }
 * ```
 *
 * @see {@link https://react-md.dev/components/sheet | Sheet Demos}
 */
export declare const Sheet: import("react").ForwardRefExoticComponent<SheetProps & import("react").RefAttributes<HTMLDivElement>>;
