import { ExtendProps } from '../../utils/type';
/**
 * This component DO NOT have ref forwarded.
 *
 * Note that the standard SideSheet requires additional css to make things work (see example),
 * while the modal one does not. Simply toggle the `open` property to show and hide (default is hide).
 *
 * @specs https://m3.material.io/components/side-sheets/specs
 */
export declare function SideSheet({ header, footer, children, position, open, modal, onScrimClick, zIndex, className, ...props }: ExtendProps<{
    open?: boolean;
    header?: React.ReactNode;
    children?: React.ReactNode;
    footer?: React.ReactNode;
    /**
     * Position of the sheet, default `right`
     */
    position?: 'left' | 'right';
    /**
     * When enable `modal`, you can toggle `open` property to
     * open and hide the SideSheet without help of any other component
     *
     * See also `onScrimClick` `zIndex`
     */
    modal?: boolean;
    /**
     * CSS `z-index`, if `fixed` set to `true`
     *
     * @default 3
     */
    zIndex?: number;
    /**
     * Only works if `modal` set to true
     *
     * Most of the case you want toggle `open` to false
     */
    onScrimClick?(): void;
}>): import("react").JSX.Element;