@anoki/fse-ui/dist/index.cjs68.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TitleSection/TitleSection.css');const s=require("./index.cjs244.js");;/* empty css              */const c=require("./index.cjs246.js"),m=require("react"),j=require("./index.cjs189.js"),d=require("./index.cjs118.js"),r=require("./index.cjs9.js"),R=({action1:l,action2:t,mainButton:n,secondaryButton:e,titleSection:a,classNameTitle:p,titleTag:u="h1"})=>{const[o,x]=m.useState(!1),i=[l,t].filter(Boolean);return s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("div",{className:c.clsx("ui-title-section-container"),children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-title-row",children:[s.jsxRuntimeExports.jsx(u,{className:c.clsx(p,"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28"),children:a}),i.length===2&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{onClick:()=>x(!o),className:"ui-mobile-actions",children:s.jsxRuntimeExports.jsx(j.MoreActions,{className:"cursor-pointer","aria-label":"Altre opzioni"})}),s.jsxRuntimeExports.jsx(d.ActionsPopup,{isOpen:o,onClickCloseBtn:()=>x(!1),actions:i,className:"ui-mobile-actionspopup",children:e&&s.jsxRuntimeExports.jsx("div",{className:"ui-actions-popup-buttons",children:e})})]})]}),i.length===1&&s.jsxRuntimeExports.jsx("div",{className:"ui-mobile-single-action",children:i[0]}),s.jsxRuntimeExports.jsx("nav",{className:"ui-desktop-actions","aria-label":"Azioni principali",children:s.jsxRuntimeExports.jsxs(r.Row,{as:"ul",gap:"x20",fw:"semibold",text:"primary",fs:"8",className:"list-style-none",children:[l,t&&s.jsxRuntimeExports.jsx("span",{className:"ui-divider-title-section"}),t,e&&s.jsxRuntimeExports.jsx(r.Row,{as:"li",text:"primary",justifyContent:"center",alignItems:"center",gap:"x8",children:e}),n&&s.jsxRuntimeExports.jsx(r.Row,{as:"li",text:"primary",justifyContent:"center",alignItems:"center",gap:"x8",children:n})]})})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-mobile-main-button",children:n})]})};exports.TitleSection=R;
//# sourceMappingURL=index.cjs68.js.map