"use client";
import{b as f}from"./chunk-3CFS53KS.js";import{a as b}from"./chunk-D6PZMEPE.js";import{b as d}from"./chunk-3NQOMOHD.js";import{e as c}from"./chunk-CLTGASR6.js";import{a as n,m as a,n as m}from"./chunk-3CHPBNY2.js";import{p as r,s as i}from"./chunk-KEPQUAOX.js";import{useReducer as I}from"react";import{faPlus as A}from"@fortawesome/free-solid-svg-icons";import{faClose as F}from"@fortawesome/free-solid-svg-icons/faClose";import{FontAwesomeIcon as O}from"@fortawesome/react-fontawesome";import l from"clsx";var P=n("EulCollapsable",["closeBtn","content","disabled","header","open","root","title"]),u=o=>c("EulCollapsable",{closeBtn:["closeBtn"],content:["content"],header:["header"],root:["root",o.open&&"open",o.disabled&&"disabled"],title:["title"]}),W=P;var C=a("div")(({theme:o})=>r`
    display: flex;
    flex-direction: column;
    background: ${o.palette.background[400]};
    border: 1px solid ${o.palette.background[500]};
    border-radius: ${o.spacing(3)};
  `),x=a("div")(({theme:o})=>r`
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: ${o.spacing(3)} ${o.spacing(6)};
    cursor: pointer;
  `);import{jsx as s,jsxs as g}from"react/jsx-runtime";function y({children:o,className:B,defaultOpen:h=!1,disabled:p=!1,openIcon:S=A,closeIcon:$=F,onEnter:k,onExit:N,title:v}){let[t,E]=I(H=>!H,h),T=m(),e=u({disabled:p,open:t});return g(C,{className:l(B,e.root),children:[g(x,{className:l(e.header),onClick:p?void 0:E,children:[s(d,{className:l(e.title),variant:"subtitle1",children:v}),s(f,{className:l(e.closeBtn),startIcon:s(O,{icon:t?$:S}),variant:"ghost"})]}),s(b,{in:t,onEnter:k,onExit:N,children:s(i,{borderTop:`1px solid ${T.palette.background[500]}`,className:l(e.content),pb:6,px:6,children:o})})]})}export{W as a,y as b};
