import{jsxs as l,jsx as r}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 s from"../primitives/text.js";const o=({otp:e,color:t,onCopy:i})=>l("div",{className:"flex flex-row items-center bg-neutral-quaternary p-3 rounded-lg min-w-[15rem] justify-around w-full",children:[r("div",{className:"flex flex-row items-center w-[40%] justify-around",children:r(s.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:e})}),r("div",{className:"border-l border-solid border-neutral-tertiary h-8"}),r("div",{className:"flex flex-row items-center w-[40%] justify-around",children:r(m,{value:e,showText:!0,color:t,onCopy:i})})]});o.displayName="SecurityOtp";export{o as default};
//# sourceMappingURL=security-otp.js.map
