@lanaco/lnc-react-ui/dist/ConfirmationForm.cjs

React component library

"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BPVoEhTF.cjs"),y=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),m=require("./Icon.cjs"),u=require("./utils-NZLCh-J5.cjs"),_=require("./Modal.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.newStyled.div`
  display: flex;
  gap: 1rem;
  align-items: center;
  ${e=>e.type=="centered"&&"flex-direction: column; gap: 1.25rem;"}
  & .alert-icon {
    font-size: 2.2rem;
    color: ${e=>u.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
  }
  ${e=>e.type=="centered"&&"padding-top: 0.5rem;"}
`,V=y.newStyled.div`
  display: flex;
  flex-direction: ${e=>e.type=="regular"?"row":"column"};
  width: 100%;
  flex: 1;
  gap: 0.5rem;
  justify-content: ${e=>M(e.actionsAlignment)};
  ${e=>e.type=="regular"&&"height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
  ${e=>e.type=="regular"&&e.actionsTrack==!1&&"padding: 0 1.5rem 1.5rem 1.5rem;"}
   ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${u.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
   ${e=>e.type=="centered"&&"padding: 1rem 0 0.5rem 0;"}
`,M=e=>e=="right"?"end":e=="left"?"start":"center",d=p.forwardRef((e,g)=>{const{color:f,statusIcon:T=!0,title:x,type:s="regular",actions:P,actionsAlignment:h="right",actionsTrack:b=!1,overlay:j=!0,showCloseButton:k=!0,onClose:C=()=>{},zIndex:w=1e3,size:$="fluid",clickOutsideToClose:q=!1,className:A="",style:O={},overlayProps:v,children:D,rest:N}=e;let i={theme:B.useTheme(),size:$,zIndex:w,className:"lnc-ui-confirmation-form "+A,style:O};const z=o=>o=="danger"?"times-circle":o=="warning"?"exclamation-triangle":o=="success"?"check-circle":"exclamation-circle",R=({statusIcon:o,color:n})=>typeof o=="boolean"&&o==!0?t.jsx(m,{className:"alert-icon",icon:z(n)}):typeof o=="string"&&o!==""?t.jsx(m,{className:"alert-icon",icon:o}):p.cloneElement(o,{className:"alert-icon "+(o==null?void 0:o.className)}),S=({statusIcon:o,color:n,title:l,type:c,themeProps:a})=>t.jsxs(E,{...a,color:n,type:c,children:[t.jsx(R,{statusIcon:o,color:n}),t.jsx("h3",{children:l})]}),F=({actions:o,type:n,actionsAlignment:l,actionsTrack:c,themeProps:a})=>t.jsx(V,{type:n,actionsAlignment:l,actionsTrack:c,...a,children:o});return t.jsx(_,{ref:g,...i,header:s=="regular"?t.jsx(S,{statusIcon:T,color:f,title:x,type:s,themeProps:i}):null,footer:s=="regular"?t.jsx(F,{actions:P,type:s,actionsAlignment:h,actionsTrack:b,themeProps:i}):null,overlay:j,showCloseButton:k,onClose:C,clickOutsideToClose:q,overlayProps:v,...N,children:t.jsx("div",{children:"okej"})})});d.propTypes={color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),type:r.PropTypes.oneOf(["regular","centered"]),actions:r.PropTypes.element,actionsAlignment:r.PropTypes.oneOf(["right","center","left"]),actionsTrack:r.PropTypes.bool,showCloseButton:r.PropTypes.bool,overlay:r.PropTypes.bool,onClose:r.PropTypes.func,zIndex:r.PropTypes.number,clickOutsideToClose:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:r.PropTypes.any};module.exports=d;