@snowball-tech/fractal/dist/chunk-SMN42HZK.js

Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS

'use client';
import{a as m}from"./chunk-5KPATG3Q.js";import{a as l}from"./chunk-HTOKQYVM.js";import{b as e}from"./chunk-CMFNILWJ.js";import{a as r,b as o}from"./chunk-XYM7TA65.js";import c from"lodash/fp/isFunction";import n from"lodash/fp/omit";import{jsx as a,jsxs as h}from"react/jsx-runtime";var p=({children:f,left:t,onClick:d,right:s,...i})=>h("div",{className:o(`${e}-${m}`,"flex h-8 w-full items-center gap-1 border-b-2 border-normal bg-primary px-3 pb-[calc(theme(spacing.1)-var(--size-border-2))] pt-1 text-dark","@md:h-10 @md:content-stretch @md:justify-stretch @md:gap-0",i.className),...c(d)?{onClick:d}:{},...n(["className"],i),children:[t?a("div",{className:r(`${e}-${m}__left`,"@md:max-h-8 @md:justify-self-start"),children:t}):!1,a(l,{className:r(`${e}-${m}__middle`,"m-0 max-h-full w-full truncate","@md:max-h-6 @md:justify-self-center @md:text-center"),element:"div",variant:"heading-4",children:f}),s?a("div",{className:r(`${e}-${m}__right`,"@md:max-h-6 @md:justify-self-end"),children:s}):!1]});p.displayName="Header";var g=p;export{p as a,g as b};
//# sourceMappingURL=chunk-SMN42HZK.js.map