import{jsxs as f,jsx as o}from"react/jsx-runtime";import{token as u}from"@styled/tokens";import C from"../icons/ico-checkmark-circle-fill.js";import"react";import{VStack as x,Center as y}from"@styled/jsx";import"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as S}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.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 b from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as j}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:m,onChange:n,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(S,{size:36,strokeWidth:4}):m?o(C,{color:u("colors.brand.base"),width:36,height:36}):o(j,{originName:s,onChange:n,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(x,{gap:3,my:3,children:[o(y,{height:12,children:d()}),t&&o(b,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
//# sourceMappingURL=verify-pincode.js.map
