import{j as e,o as l,p as m,d as u,c7 as i,A as x}from"./main-D6SjkSWq.js";import{F as f}from"./timestamp-filters-3FBKSW1M.js";import{S as j}from"./skeleton-3NNrk_-o.js";const o=["w-90","w-76","w-128"];function d({count:t,buttonSize:s}){return e.jsx(l.div,{className:u("flex items-center gap-6",g(s)),...m,children:Array.from({length:t||3}).map((a,r)=>e.jsx(j,{variant:"rect",size:`h-full ${o[r%o.length]}`,radius:"rounded-md"},r))},"filter-list-skeleton")}function g(t="xs"){switch(t){case"xs":return"h-30";case"sm":return"h-36";case"md":return"h-42";case"lg":return"h-50"}return"h-30"}function A({pinnedFilters:t,filters:s,isLoading:a,buttonSize:r,margin:h="mb-14"}){const{encodedFilters:n,decodedFilters:c}=i(s);return!a&&!t&&!c.length?null:e.jsx("div",{className:h,children:e.jsx(x,{initial:!1,mode:"wait",children:a&&(n||t!=null&&t.length)?e.jsx(d,{count:c.length+((t==null?void 0:t.length)||0)}):e.jsx(l.div,{...m,children:e.jsx(f,{filters:s,pinnedFilters:t,buttonSize:r})},"filter-list")})})}export{A as D};
