import{jsxs as p,jsx as t}from"react/jsx-runtime";import m from"./copy-button.js";import"./email-wbr.js";import"./text-box.js";import"./wallet-address.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 l from"../primitives/text.js";import{HStack as o,Box as a}from"@styled/jsx";const i=({otp:r,color:e,onCopy:n})=>p(o,{bg:"neutral.quaternary",p:3,rounded:"lg",minWidth:"15rem",justifyContent:"space-around",alignItems:"center",width:"full",children:[t(o,{width:"40%",justifyContent:"space-around",children:t(l.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:r})}),t(a,{borderLeft:"thin solid",borderColor:"neutral.tertiary",height:8}),t(o,{width:"40%",justifyContent:"space-around",children:t(m,{value:r,showText:!0,color:e,onCopy:n})})]});i.displayName="SecurityOtp";export{i as default};
//# sourceMappingURL=security-otp.js.map
