import { Dialog } from '@base-ui/react/dialog';
import * as React from 'react';

declare function Sheet({ ...props }: Dialog.Root.Props): React.JSX.Element;
declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): React.JSX.Element;
declare function SheetClose({ ...props }: Dialog.Close.Props): React.JSX.Element;
declare function SheetContent({ className, children, side, showCloseButton, closeLabel, ...props }: Dialog.Popup.Props & {
    side?: 'top' | 'right' | 'bottom' | 'left';
    showCloseButton?: boolean;
    /**
     * Screen-reader name for the close button. Override to translate it — the
     * button is icon-only, so this string is the only name AT ever hears.
     */
    closeLabel?: string;
}): React.JSX.Element;
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function SheetTitle({ className, ...props }: Dialog.Title.Props): React.JSX.Element;
declare function SheetDescription({ className, ...props }: Dialog.Description.Props): React.JSX.Element;

export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };