import{F as l,K as o,P as n,a as p}from"/build/_shared/chunk-C3GUTQLB.js";import{D as s,r as e}from"/build/_shared/chunk-UT3CV7CR.js";import{d as r}from"/build/_shared/chunk-G5WX4PPA.js";var t=r(s()),h="60px",k=({title:i,children:c,animationKey:m})=>{let x=e(),g=Array.isArray(i)?i:[i];return(0,t.jsxs)(n,{flexDirection:"column",height:"100vh",children:[(0,t.jsx)(o,{backgroundColor:"white",px:10,height:h,boxShadow:"md",mb:"1px",flexShrink:0,flexGrow:0,children:(0,t.jsx)(o,{gap:2,divider:(0,t.jsx)("span",{children:"/"}),children:g.map(a=>(0,t.jsx)(l,{fontWeight:600,children:a},a))})}),(0,t.jsx)(n,{flex:1,backgroundColor:"gray.50",p:10,children:(0,t.jsx)(p.main,{style:{width:"100%"},initial:{x:"-10%",opacity:0},animate:{x:"0",opacity:1},exit:{y:"-10%",opacity:0},transition:{duration:.4},children:x.state!=="loading"&&c},m)})]})};export{k as a};
