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

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const e=require("./index.cjs244.js");;/* empty css              */const a=require("./index.cjs246.js"),r=require("./index.cjs373.js"),u=require("./index.cjs374.js"),m=require("./index.cjs200.js"),c=require("./index.cjs161.js"),j=({title:t="Info",description:o,width:s=248,className:i="",positionPopUp:n="right",onClickCloseBtn:x,isOpen:p})=>e.jsxRuntimeExports.jsxs(r.Root,{defaultOpen:!1,open:p,modal:!1,children:[e.jsxRuntimeExports.jsx(r.Trigger,{onClick:x,children:e.jsxRuntimeExports.jsx(u.Button,{className:"ui-popup-trigger-button",children:e.jsxRuntimeExports.jsx(m.Info,{color:"primary"})})}),e.jsxRuntimeExports.jsxs(r.Content,{className:a.clsx(i,"dialog"),side:n,tabIndex:-1,width:{initial:`${s}px`,sm:`${s}px`,xs:`${s}px`,lg:`${s}px`,md:`${s}px`,xl:`${s}px`},maxWidth:{initial:`${s}px`,sm:`${s}px`,xs:`${s}px`,lg:`${s}px`,md:`${s}px`,xl:`${s}px`},minWidth:{initial:`${s}px`,sm:`${s}px`,xs:`${s}px`,lg:`${s}px`,md:`${s}px`,xl:`${s}px`},style:{width:`${s}px`},children:[e.jsxRuntimeExports.jsxs("div",{className:"header",children:[e.jsxRuntimeExports.jsx("h3",{id:"dialog-title",className:"title",children:t}),e.jsxRuntimeExports.jsx(r.Close,{className:"closeButton","aria-label":"Close dialog",onClick:l=>{l.stopPropagation(),x==null||x()},children:e.jsxRuntimeExports.jsx(c.Close,{className:"closeIcon",width:34,height:34})})]}),o&&e.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})]});exports.InfoPopup=j;
//# sourceMappingURL=index.cjs75.js.map