import { VariantProps } from 'class-variance-authority';
import { default as React } from 'react';
import { Drawer as VaulDrawer } from 'vaul';
type SheetVariant = "primary" | "secondary" | "tertiary" | "high-contrast" | "ghost" | "surface" | "surface-container-lowest" | "surface-container-low" | "surface-container" | "surface-container-high" | "surface-container-highest";
type SheetProps = React.ComponentProps<typeof VaulDrawer.Root> & {
    mode?: "normal" | "detached";
    shape?: "full" | "minimal" | "sharp";
    side?: "left" | "right";
    variant?: SheetVariant;
    forceBottomSheet?: boolean;
    forceSideSheet?: boolean;
    isLocked?: boolean;
};
declare const SheetTrigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
declare const SheetClose: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
declare const SheetTitle: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
declare const SheetDescription: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
declare const contentVariants: (props?: ({
    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "high-contrast" | "surface" | "surface-container-lowest" | "surface-container-low" | "surface-container" | "surface-container-high" | "surface-container-highest" | null | undefined;
    side?: "bottom" | "left" | "right" | "top" | null | undefined;
    height?: "auto" | "snap" | null | undefined;
    shape?: "full" | "minimal" | "sharp" | null | undefined;
    mode?: "normal" | "detached" | null | undefined;
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
type SheetContentProps = React.ComponentProps<typeof VaulDrawer.Content> & VariantProps<typeof contentVariants>;
declare const SheetContent: React.ForwardRefExoticComponent<Omit<SheetContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const SheetHeader: {
    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
declare const SheetFooter: {
    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
declare const SheetGrabber: {
    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element | null;
    displayName: string;
};
export declare const Sheet: React.FC<SheetProps> & {
    Trigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
    Content: React.ForwardRefExoticComponent<Omit<SheetContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
    Close: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
    Title: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
    Description: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
    Header: {
        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Footer: {
        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Grabber: {
        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element | null;
        displayName: string;
    };
};
export { SheetTrigger, SheetContent, SheetClose, SheetTitle, SheetDescription, SheetHeader, SheetFooter, SheetGrabber, };
