"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Dialog } from "../dialog/Dialog.js";
import { sheet } from "./styles.js";
export const DEFAULT_SHEET_TIMEOUT = {
    enter: 200,
    exit: 150
};
export const DEFAULT_SHEET_CLASSNAMES = {
    appear: "rmd-sheet--offscreen",
    appearActive: "rmd-sheet--enter rmd-sheet--visible",
    enter: "rmd-sheet--offscreen",
    enterActive: "rmd-sheet--enter rmd-sheet--visible",
    exit: "rmd-sheet--exit",
    exitActive: "rmd-sheet--offscreen",
    exitDone: "rmd-sheet--offscreen rmd-sheet--hidden"
};
/**
 * **Client Component**
 *
 */ export const Sheet = /*#__PURE__*/ forwardRef(function Sheet(props, ref) {
    const { role = "dialog", className, position = "left", horizontalSize = "media", verticalSize = "recommended", timeout = DEFAULT_SHEET_TIMEOUT, classNames = DEFAULT_SHEET_CLASSNAMES, visible, temporary = true, exitedHidden = true, children, ...remaining } = props;
    const { disableOverlay } = props;
    return /*#__PURE__*/ _jsx(Dialog, {
        ...remaining,
        ref: ref,
        role: role,
        type: "custom",
        timeout: timeout,
        classNames: classNames,
        visible: visible,
        temporary: temporary,
        exitedHidden: exitedHidden,
        className: sheet({
            position,
            horizontalSize,
            verticalSize,
            disableOverlay,
            className
        }),
        children: children
    });
});

//# sourceMappingURL=Sheet.js.map