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

React component library

"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),m=require("./Icon.cjs"),d=require("./utils-BK6B_Y9X.cjs"),z=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),B=u.styled.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=>d.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
  }
  ${e=>e.type=="centered"&&"padding-top: 0.5rem;"}
`,E=u.styled.div`
  display: flex;
  flex-direction: ${e=>e.type=="regular"?"row":"column"};
  width: 100%;
  flex: 1;
  gap: 0.5rem;
  justify-content: ${e=>V(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: ${d.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
   ${e=>e.type=="centered"&&"padding: 1rem 0 0.5rem 0;"}
`,V=e=>e=="right"?"end":e=="left"?"start":"center",M=a.forwardRef((e,g)=>{const{color:f,statusIcon:y=!0,title:p,type:o="regular",actions:h,actionsAlignment:x="right",actionsTrack:j=!1,overlay:k=!0,showCloseButton:$=!0,onClose:b=()=>{},zIndex:C=1e3,size:T="fluid",clickOutsideToClose:q=!1,className:w="",style:A={},overlayProps:N,rest:v}=e;let i={theme:S.useTheme(),size:T,zIndex:C,className:"lnc-ui-confirmation-form "+w,style:A};const R=r=>r=="danger"?"times-circle":r=="warning"?"exclamation-triangle":r=="success"?"check-circle":"exclamation-circle",F=({statusIcon:r,color:n})=>typeof r=="boolean"&&r==!0?t.jsx(m,{className:"alert-icon",icon:R(n)}):typeof r=="string"&&r!==""?t.jsx(m,{className:"alert-icon",icon:r}):a.cloneElement(r,{className:"alert-icon "+(r==null?void 0:r.className)}),P=({statusIcon:r,color:n,title:c,type:l,themeProps:s})=>t.jsxs(B,{...s,color:n,type:l,children:[t.jsx(F,{statusIcon:r,color:n}),t.jsx("h3",{children:c})]}),_=({actions:r,type:n,actionsAlignment:c,actionsTrack:l,themeProps:s})=>t.jsx(E,{type:n,actionsAlignment:c,actionsTrack:l,...s,children:r});return t.jsx(z,{ref:g,...i,header:o=="regular"?t.jsx(P,{statusIcon:y,color:f,title:p,type:o,themeProps:i}):null,footer:o=="regular"?t.jsx(_,{actions:h,type:o,actionsAlignment:x,actionsTrack:j,themeProps:i}):null,overlay:k,showCloseButton:$,onClose:b,clickOutsideToClose:q,overlayProps:N,...v,children:t.jsx("div",{children:"okej"})})});module.exports=M;