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

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TitleSection/TitleSection.css');const s=require("./index.cjs278.js");;/* empty css              */const u=require("./index.cjs280.js"),E=require("react"),N=require("./index.cjs21.js"),v=require("./index.cjs194.js"),b=require("./index.cjs12.js"),r=require("./index.cjs219.js"),f=({action1:o,action2:t,mainButton:n,secondaryButton:i,titleSection:m,subtitle:x,classNameTitle:j,borderBottom:d=!0,titleTag:R="h1",gotoLinkHref:l,gotoLinkLabel:c,gotoLinkAsLink:h="a"})=>{const[a,p]=E.useState(!1),e=[o,t].filter(Boolean);return console.log("popupActions",e),s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("div",{className:u.clsx("ui-title-section-container",d?"":"no-border-bottom"),children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-title-row",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-title-container",children:[s.jsxRuntimeExports.jsx(R,{className:u.clsx(j,"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28"),children:m}),x&&s.jsxRuntimeExports.jsx("div",{children:x})]}),l&&c&&s.jsxRuntimeExports.jsx("div",{className:"ui-title-goto-link",children:s.jsxRuntimeExports.jsx(N.ArrowLink,{href:l,asLink:h,fs:"7",children:c.toUpperCase()})}),e.length===2&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{onClick:()=>p(!a),className:"ui-mobile-actions",children:s.jsxRuntimeExports.jsx(v.MoreActions,{className:"cursor-pointer","aria-label":"Altre opzioni"})}),s.jsxRuntimeExports.jsx(b.ActionsPopup,{isOpen:a,onClickCloseBtn:()=>p(!1),actions:e,className:"ui-mobile-actionspopup",children:i&&s.jsxRuntimeExports.jsx("div",{className:"ui-actions-popup-buttons",children:i})})]})]}),e.length===1&&s.jsxRuntimeExports.jsx("div",{className:"ui-mobile-single-action",children:e[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:[o,t&&s.jsxRuntimeExports.jsx("span",{className:"ui-divider-title-section"}),t,i&&s.jsxRuntimeExports.jsx(r.Row,{as:"li",text:"primary",justifyContent:"center",alignItems:"center",gap:"x8",children:i}),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=f;
//# sourceMappingURL=index.cjs261.js.map