import{jsxs as f,jsx as o}from"react/jsx-runtime";import u from"../icons/ico-checkmark-circle-fill.js";import"react";import"../../lib/cn.js";import"../feedback/callout.js";import{LoadingSpinner as x}from"../feedback/loading-spinner.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import C from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as v}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as y,createHost as j}from"create-slots";const i=y(({children:r})=>r),N=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:s,originName:p,pinLength:c,id:a,autoFocus:l,errorMessage:t,children:d}=r,g=()=>e?o(x,{size:36,strokeWidth:4}):n?o(u,{color:"var(--color-brand-base)",width:36,height:36}):o(v,{originName:p,onChange:m,pinLength:c,onComplete:s,id:a,autoFocus:l});return j(d,h=>f("div",{className:"flex flex-col gap-3 my-3",children:[o("div",{className:"flex items-center justify-center h-12",children:g()}),t&&o(C,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),h.get(i)]}))},b=Object.assign(N,{RetryContent:i});export{b as VerifyPincode};
//# sourceMappingURL=verify-pincode.js.map
