import{r as g,p as v,o as l,c as r,a as t,t as s,n as u,e as x,b as V}from"./app-43851608.js";const b={style:{padding:"1px"},class:"outline-none focus-none focus-within-none block w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-gray-300 ring-inset placeholder:text-gray-400 sm:text-sm sm:leading-6"},f={key:0,class:"form-error text-[#b91c1c] text-xs"},S={__name:"FormPhoneInput",props:{modelValue:[String,Number],name:String,type:String,className:String,labelClass:String,required:Boolean,error:String,disabled:Boolean},emits:["update:modelValue"],setup(e,{emit:i}){const a=g(e.modelValue),m=i,d=o=>{m("update:modelValue",o.target.value)};return(o,n)=>{const c=v("vue-tel-input");return l(),r("div",{class:u(e.className)},[t("label",{for:"name",class:u(["block text-sm leading-6 text-gray-900",e.labelClass])},s(e.name),3),t("div",null,[t("div",b,[x(c,{inputOptions:{autocomplete:"off"},modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=p=>a.value=p),autoFormat:!0,mode:"international",validCharactersOnly:!0,onInput:d},null,8,["modelValue"])])]),e.error?(l(),r("div",f,s(e.error),1)):V("",!0)],2)}}};export{S as _};
