UNPKG

@anoki/fse-marche-ui

Version:

FSE UI components library

3 lines (2 loc) 2.13 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SupportBanner/SupportBanner.css');const e=require("./index.cjs137.js"),n=require("./index.cjs139.js");;/* empty css */const N=require("react"),h=require("./index.cjs112.js"),g=require("./index.cjs35.js"),f=require("./index.cjs10.js"),q=require("./index.cjs25.js"),m={link:(s,i)=>e.jsxRuntimeExports.jsx(g.ArrowLink,{href:i,children:s}),button:s=>e.jsxRuntimeExports.jsx("button",{className:"button-style",children:s}),outlineButton:(s,i,o,l)=>e.jsxRuntimeExports.jsxs(q.Button,{size:"2",textColor:"primary",bg:"lightblue-a03",className:"w-full ",border:"primary",onClick:l,children:[o&&e.jsxRuntimeExports.jsx(h.Attachment,{className:"mr-x8"}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-bold",children:s})]})},w=({cta:s="link",bannerType:i="outline",title:o,description:l="",titleTag:p="h3",href:t="#",icon:x=!0,linkText:r="Vai al supporto",mainLayout:j="layout1",className:d="",classNameTitle:b="",classNameDescription:y="",handleAction:u})=>{const R=N.useMemo(()=>Array.isArray(t)?t.map((c,a)=>{const E=Array.isArray(r)?r[a]:r;return e.jsxRuntimeExports.jsx("div",{className:"ui-banner-link",children:m[s](E,c,x,u)},a)}):Array.isArray(r)?r.map((c,a)=>e.jsxRuntimeExports.jsx("div",{className:"ui-banner-link",children:m[s](c,t,x,u)},a)):m[s](r,t,x,u),[s,r,t,u]);return e.jsxRuntimeExports.jsxs(f.Col,{br:"x4",gap:"x16",className:n.clsx(d,i==="outline"?"ui-outline":"bg-lightblue-a03","ui-banner shadow "),children:[e.jsxRuntimeExports.jsx(p,{className:n.clsx("ui-banner-title text-slate-20",b||"fs-4 fw-bold"),children:o}),e.jsxRuntimeExports.jsxs("main",{className:n.clsx(j==="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:n.clsx(y,j==="layout1"?"ui-banner-description":""),children:l}),e.jsxRuntimeExports.jsx("div",{className:n.clsx("ui-banner-cta"),children:R})]})]})};exports.SupportBanner=w; //# sourceMappingURL=index.cjs32.js.map