@tapie-kr/inspire-react/dist/esm/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
*/
import { jsx, jsxs } from 'react/jsx-runtime';
import { sheet, directionStyle } from './styles/sheet.css.js';
import { VStack } from '../../miscellaneous/layout/VStack/index.js';
import { Backdrop } from '../../miscellaneous/overlay/Backdrop/index.js';
import cn from '../../../_virtual/index.js';
import { motion } from 'framer-motion';
import { StackAlign } from '../../../lib/layout/types.js';
import { getTransition } from '../../../utils/motion/transition.js';
import { SheetHeader } from './header.js';
import { SheetDirection, sheetVariants } from './shared.js';

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

export { Sheet };