/**
* @usevyre/react — Sheet
*
* AI CONTEXT:
* ┌─────────────────────────────────────────────────────────┐
* │ Components: Sheet + SheetHeader + SheetBody + SheetFooter│
* │ Import: import { Sheet, SheetHeader, SheetBody, │
* │ SheetFooter } from "@usevyre/react" │
* │ │
* │ Sheet props: │
* │ open = boolean (controlled) │
* │ onClose = () => void │
* │ side = "right"(default)|"left"|"top"|"bottom"│
* │ size = "sm"|"md"(default)|"lg"|"full" │
* │ closeOnBackdrop = boolean (default: true) │
* │ closeOnEsc = boolean (default: true) │
* └─────────────────────────────────────────────────────────┘
*
* @example
* setOpen(false)} side="right">
*
* Settings
*
*
* Sheet content goes here.
*
*
*
*
*
*
*/
import React from "react";
import type { BaseProps } from "../../types";
export type SheetSide = "top" | "right" | "bottom" | "left";
export type SheetSize = "sm" | "md" | "lg" | "full";
export interface SheetProps extends BaseProps {
open: boolean;
onClose: () => void;
side?: SheetSide;
size?: SheetSize;
closeOnBackdrop?: boolean;
closeOnEsc?: boolean;
children?: React.ReactNode;
"aria-label"?: string;
"aria-labelledby"?: string;
}
export declare const Sheet: React.ForwardRefExoticComponent>;
export interface SheetSectionProps extends BaseProps {
children?: React.ReactNode;
}
export declare const SheetHeader: React.ForwardRefExoticComponent>;
export declare const SheetBody: React.ForwardRefExoticComponent>;
export declare const SheetFooter: React.ForwardRefExoticComponent>;