@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 1.59 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const s=require("./index.cjs237.js");;/* empty css */const c=require("./index.cjs238.js"),o=require("./index.cjs416.js"),p=require("./index.cjs417.js"),j=require("./index.cjs208.js"),g=require("./index.cjs179.js"),d=({title:n="Info",description:i,width:e="15.5rem",className:x="",positionPopUp:l="right",onClickCloseBtn:r,isOpen:a,ariaLabel:t,children:m})=>s.jsxRuntimeExports.jsxs(o.Root,{defaultOpen:!1,open:a,onOpenChange:r,modal:!1,children:[s.jsxRuntimeExports.jsx(o.Trigger,{className:"position-relative",children:s.jsxRuntimeExports.jsx(p.Button,{className:"ui-popup-trigger-button","aria-label":t||n,title:t||n,children:s.jsxRuntimeExports.jsx(j.Info,{color:"primary"})})}),s.jsxRuntimeExports.jsxs(o.Content,{className:c.clsx(x,"dialog"),side:l,tabIndex:-1,width:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},maxWidth:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},minWidth:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},style:{width:e},children:[s.jsxRuntimeExports.jsxs("div",{className:"header",children:[s.jsxRuntimeExports.jsx("h1",{id:"dialog-title",className:"title",children:n}),s.jsxRuntimeExports.jsx(o.Close,{className:"closeButton","aria-label":"Close dialog",onClick:u=>{u.stopPropagation(),r==null||r()},children:s.jsxRuntimeExports.jsx(g.Close,{className:"closeIcon",width:34,height:34})})]}),i&&s.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:i}),m]})]});exports.InfoPopup=d;
//# sourceMappingURL=index.cjs103.js.map