import{r as e,j as r}from"./vendor-react-Dp9pL_Wn.js";import{c as s}from"./vendor-ant-cds-DvTmcYA1.js";const a="w-[280px] min-w-[280px] xl:w-[360px] xl:min-w-[360px]",i=e.memo(({title:e,headerAction:i,tabs:l,children:d,footer:o,contentClassName:n})=>r.jsxs("div",{className:s("border-r border-border-300 flex flex-col h-full overflow-hidden",a),children:[r.jsxs("div",{className:"flex items-center justify-between gap-2 pl-6 pr-4 py-3 min-h-14",children:[r.jsx("h2",{className:"text-heading-medium text-primary flex-1 min-w-0 truncate has-[input]:overflow-visible",children:e}),i]}),l&&r.jsx("div",{className:"px-4",children:l}),r.jsx("div",{className:s("flex-1 overflow-y-auto px-4",n),children:d}),o&&r.jsxs(r.Fragment,{children:[r.jsx("hr",{className:"border-t border-border-300 mx-5"}),r.jsx("div",{className:"flex-none py-3 px-3",children:o})]})]}));i.displayName="CustomizePageSidebar";export{i as C,a};
