@undp/design-system-react/dist/PageHeader.cjs

React based design system for UNDP

Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs");let n=require("react");n=e.r(n,1);let r=require("react/jsx-runtime");var i=n.forwardRef(({className:e,style:n,backgroundImage:i,variant:a,minHeight:o=!0,contentMode:s=`dark`,children:c,...l},u)=>a===`secondary`?(0,r.jsx)(`div`,{className:`@container w-full`,children:(0,r.jsxs)(`div`,{ref:u,className:t.t(`relative isolate flex w-full @2xl:flex-row flex-col @2xl:items-stretch`,s===`dark`?`text-content-reverse`:`text-content-primary`,o?o===!0?`@2xl:min-h-160.5 @5xl:min-h-186.5 min-h-auto`:o:``,e),style:n,...l,children:[(0,r.jsx)(`div`,{className:`absolute inset-0 @2xl:hidden bg-center bg-cover`,style:{backgroundImage:i?`url(${i})`:`none`}}),(0,r.jsx)(`div`,{className:`relative flex @2xl:w-1/2 w-full flex-col gap-4 py-20 @2xl:pl-[8.3333%] pl-4 @2xl:rtl:pr-0 rtl:pr-4 rtl:pl-0`,children:c}),(0,r.jsx)(`div`,{className:`@2xl:block hidden @2xl:w-1/2 bg-center bg-cover`,style:{backgroundImage:i?`url(${i})`:`none`}})]})}):(0,r.jsx)(`div`,{className:`@container w-full`,children:(0,r.jsx)(`div`,{ref:u,className:t.t(`${s} flex w-full flex-col gap-4 bg-center bg-cover py-20 @2xl:pl-[8.3333%] pl-4 @2xl:rtl:pr-[8.3333%] rtl:pr-4 @2xl:rtl:pl-0 rtl:pl-0`,o?o===!0?`@2xl:min-h-160.5 @5xl:min-h-186.5 min-h-auto`:o:``,s===`dark`?`text-content-reverse`:`text-content-primary`,e),style:{...n,backgroundImage:i?`url(${i})`:`none`},...l,children:c})}));i.displayName=`PageHeader`;var a=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.t(`@2xl:px-4 px-4 @2xl:py-4 py-0`,e),...n}));a.displayName=`PageHeaderHead`;var o=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.t(`flex @2xl:w-[66.667%] w-full grow flex-col justify-center gap-6 p-4`,e),...n}));o.displayName=`PageHeaderContent`,exports.PageHeader=i,exports.PageHeaderContent=o,exports.PageHeaderHead=a;
//# sourceMappingURL=PageHeader.cjs.map