UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 1.45 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SupportBanner/SupportBanner.css');const e=require("./index.cjs244.js"),t=require("./index.cjs246.js");;/* empty css */const p=require("react"),h=require("./index.cjs313.js"),f=require("./index.cjs10.js"),y=({bannerType:u="outline",title:i,description:o="",titleTag:a="h1",mainLayout:s="layout1",className:c="",classNameTitle:l="",classNameDescription:x="",links:n=[]})=>{const d=p.useMemo(()=>!n||n.length===0?null:n.map((r,m)=>{const b=r.variant??(r.href?"outlineButtonHref":"button"),j=h.CTA_COMPONENTS[b];return e.jsxRuntimeExports.jsx("div",{className:"ui-banner-link",children:j(r)},m)}),[n]);return e.jsxRuntimeExports.jsxs(f.Col,{br:"x4",gap:"x16",className:t.clsx(c,u==="outline"?"ui-outline":"bg-lightblue-a03","ui-banner shadow "),children:[e.jsxRuntimeExports.jsx(a,{className:t.clsx("ui-banner-title text-slate-20",l||"fs-4 fw-bold"),children:i}),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(x,s==="layout1"?"ui-banner-description":""),children:o}),e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-banner-cta"),children:d})]})]})};exports.SupportBanner=y; //# sourceMappingURL=index.cjs37.js.map