@tapie-kr/inspire-react/dist/cjs/components/molecules/Sheet/index.js

React Component Collection for INSPIRE

'use client';
/* eslint-disable */
/*
 * INSPIRE : Creative Kit
 * React Component Collection for INSPIRE
 *
 * This file is generated automatically. Do not modify it manually
 * Generated at : 2025. 3. 4. 오후 6:18:13
 * @tapie-kr/inspire-react version: 0.2.15
 *
 * (c) 2025 TAPIE. All rights reserved.
 * MIT License
*/
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var sheet_css = require('./styles/sheet.css.js');
var index$2 = require('../../miscellaneous/layout/VStack/index.js');
var index = require('../../miscellaneous/overlay/Backdrop/index.js');
var index$1 = require('../../../_virtual/index.js');
var framerMotion = require('framer-motion');
var types = require('../../../lib/layout/types.js');
var transition = require('../../../utils/motion/transition.js');
var header = require('./header.js');
var shared = require('./shared.js');

function Sheet(props){const{toggler,title,direction=shared.SheetDirection.RIGHT,children}=props;return jsxRuntime.jsx(index.Backdrop,{toggler:toggler,children:jsxRuntime.jsx(framerMotion.motion.div,{className:index$1.default(sheet_css.sheet,sheet_css.directionStyle[direction]),variants:shared.sheetVariants[direction],initial:"hidden",animate:"visible",exit:"hidden",transition:transition.getTransition({duration:.4}),children:jsxRuntime.jsxs(index$2.VStack,{fullWidth:true,align:types.StackAlign.START,children:[jsxRuntime.jsx(header.SheetHeader,{title:title,direction:direction}),children]})})})}

exports.Sheet = Sheet;