import{ao as t,ap as s,aI as d,a_ as m,av as u,aq as b,L as y}from"./app-k0jcl5PQ.js";import{C as x}from"./BhAq_-86.chunk.js";import{C as h}from"./Bj7bJt_4.chunk.js";const C="_orderedListWithBackground_19ah3_1",j="_number_19ah3_8",N="_code_19ah3_19",_="_large_19ah3_23",w="_success_19ah3_29",a={orderedListWithBackground:C,number:j,code:N,large:_,success:w},g=2e3,S="shared.instructions";function f(e){return t.jsx("div",{className:s(a.success,"col-12 position-absolute w-100 h-100 start-0 top-0","d-inline-flex align-items-center text-white justify-content-center text-truncate bg-success fs-3",e.show?"opacity-1":"opacity-0"),children:e.text??t.jsx(b,{namespace:S,phrase:"copied"})})}function B(e){return t.jsxs("li",{className:"d-flex align-items-center",children:[t.jsx("div",{className:"align-self-start",children:t.jsx("span",{className:`${a.number}`,children:e.number})}),t.jsx("div",{className:"w-100",children:e.children})]})}function p(e){const[i,n]=d.useState(!1);function c(){n(!0),setTimeout(()=>n(!1),g)}return t.jsx(x,{onCopy:c,text:e.code,children:t.jsxs("div",{className:s(`position-relative bg-white border rounded-3 text-center overflow-hidden fw-semibold cursor-pointer ${a.code}`,e.size==="lg"&&`py-3 ${a.large}`,e.size==="md"&&"py-2",e.className),children:[e.code,t.jsx(m,{svg:h,size:u.Large,className:"ms-2 svg-container d-inline-block lg align-middle"}),t.jsx(f,{show:i})]})})}function T(e){const{size:i="sm"}=e,[n,c]=d.useState(!1);function l(){e.showCopyButton&&(c(!0),typeof e.onCopy=="function"&&e.onCopy(),setTimeout(()=>c(!1),g))}let r=e.showCopyButton?"text-left cursor-pointer":"text-center";const v=e.align==="left"?"col-1":"";return e.align==="center"&&(r=""),t.jsx(x,{onCopy:l,text:e.value,children:t.jsxs("div",{children:[e.label&&t.jsx("h3",{className:"mb-3 text-center",children:e.label}),t.jsxs("div",{className:s("bg-white border rounded-3 overflow-hidden px-4 py-3 text-truncate mb-0","position-relative align-items-center gx-2 gy-0",i==="sm"?"h5":"h1",e.align==="left"?"row":"d-flex justify-content-center gap-3",e.showCopyButton?"text-left cursor-pointer":"text-center",e.className),children:[t.jsx("div",{className:s(r,"text-truncate"),children:e.value}),e.showCopyButton&&t.jsx("div",{className:s(v),children:t.jsx(m,{svg:h,size:u.Standard,className:"svg-container d-inline-block std",onClick:l})}),e.showCopyButton&&t.jsx(f,{show:n})]})]})})}const k={none:"mb-0",md:"mb-3",sm:"mb-2",lg:"mb-4"},L={none:"",sm:"gap-2",md:"gap-3",lg:"gap-4"};function o(e){return t.jsx("ol",{className:s("d-flex flex-column",k[e.bottomSpacing||"md"],L[e.spacing||"md"],a.orderedListWithBackground,e.className),children:e.children})}o.Step=B;o.Code=p;o.Textbox=T;const z="_divider_c5xsi_1",$={divider:z},I="shared.divider",W=y.encloseNamespace(I);function M(e){return{"--divider-content":`'${e.text||W("or")}'`,"--divider-text-transform":e.noUpperCase?"none":"uppercase"}}function P(e){return t.jsx("div",{className:s("my-2 w-100 border-bottom position-relative",$.divider,e.className),style:M(e)})}export{P as D,o as I};
//# sourceMappingURL=CsKElWLo.chunk.js.map
