UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 1.47 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ActionBanner/ActionBanner.css');const e=require("./index.cjs180.js");;/* empty css */const u=require("./index.cjs35.js"),t=require("./index.cjs25.js"),j=require("./index.cjs146.js");var i=(s=>(s.DEFAULT="default",s.OUTLINE="outline",s.SIMPLE="simple",s))(i||{});const m=({title:s,description:x,variant:l="default",link:a,firstAction:r,secondAction:n})=>e.jsxRuntimeExports.jsxs("div",{className:`action-banner action-banner-${l}`,children:[e.jsxRuntimeExports.jsx("div",{className:"banner-head",children:e.jsxRuntimeExports.jsx("div",{className:"banner-title",children:s})}),e.jsxRuntimeExports.jsxs("div",{className:"banner-body",children:[e.jsxRuntimeExports.jsx("div",{className:"banner-icon",children:e.jsxRuntimeExports.jsx(j.Shape,{})}),e.jsxRuntimeExports.jsx("span",{className:"banner-description",children:x})]}),e.jsxRuntimeExports.jsxs("div",{className:"banner-actions",children:[a&&e.jsxRuntimeExports.jsx(u.ArrowLink,{asLink:"a",children:a.title,href:a.link}),r&&(r==null?void 0:r.title)&&e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",className:"left-button",asLink:"a",href:r.link,children:r.title}),n&&(n==null?void 0:n.title)&&e.jsxRuntimeExports.jsx(t.Button,{asLink:"a",href:n.link,border:"primary",children:n.title})]})]});exports.ActionBanner=m;exports.ActionBannerVariantEnum=i; //# sourceMappingURL=index.cjs87.js.map