@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 1.48 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SupportBanner/SupportBanner.css');const e=require("./index.cjs237.js"),t=require("./index.cjs239.js");;/* empty css */const f=require("react"),y=require("./index.cjs439.js"),R=require("./index.cjs61.js"),N=({bannerType:i="outline",title:u,description:a="",titleTag:c="h1",mainLayout:s="layout1",className:l="",classNameTitle:x="",classNameDescription:d="",links:n=[],asLink:m="a"})=>{const o=m,b=f.useMemo(()=>!n||n.length===0?null:n.map((r,p)=>{const j=r.variant??(r.href?"outlineButtonHref":"button"),h=y.CTA_COMPONENTS(o)[j];return e.jsxRuntimeExports.jsx("div",{className:"ui-banner-link",children:h(r)},p)}),[n,o]);return e.jsxRuntimeExports.jsxs(R.Col,{br:"x4",gap:"x16",className:t.clsx(l,i==="outline"?"ui-outline":"bg-lightblue-a03","ui-banner shadow "),children:[e.jsxRuntimeExports.jsx(c,{className:t.clsx("ui-banner-title text-slate-20",x||"fs-4 fw-bold"),children:u}),e.jsxRuntimeExports.jsxs("main",{className:t.clsx(s==="layout1"?"ui-banner-content-layout1 fs-6 text-secondary justify-content-between ":"ui-banner-content-layout2","ui-banner-content fs-6 text-secondary w-100"),children:[e.jsxRuntimeExports.jsx("div",{className:t.clsx(d,s==="layout1"?"ui-banner-description":""),children:a}),e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-banner-cta"),children:b})]})]})};exports.SupportBanner=N;
//# sourceMappingURL=index.cjs126.js.map