"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "sheet", {
    enumerable: true,
    get: function() {
        return sheet;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _sheet = require("../../sheet");
const _modalContext = require("../modalContext");
const _modalHelper = require("../modalHelper");
const _useModal = require("../useModal");
const SimpleSheet = (0, _modalHelper.create)((props)=>{
    const { visible, hide, resolve, onOpenChange } = (0, _useModal.useModal)();
    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_sheet.Sheet, {
        open: visible,
        onOpenChange: onOpenChange,
        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_sheet.SheetContent, {
            className: props.contentClassName,
            onOpenAutoFocus: (event)=>{
                event.preventDefault();
            },
            children: [
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_sheet.SheetHeader, {
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_sheet.SheetTitle, {
                        children: props.title
                    })
                }),
                props.content
            ]
        })
    });
});
const sheet = (props)=>{
    return _modalContext.modalActions.show(SimpleSheet, props);
};

//# sourceMappingURL=sheet.js.map