import{A as c,B as y,e as b,o as l,d as a,c as s,b as d,t as i,u as n,a as u,n as t}from"./vue.esm-bundler.js?ver=1.3.21";import{t as p}from"./Translator.js?ver=1.3.21";import{_ as o}from"./DynamicIcon.js?ver=1.3.21";import"./Arr.js?ver=1.3.21";const k={class:"grid grid-cols-2 gap-4"},v={class:"m-0 mb-2"},f={class:"flex gap-2 items-center"},x={class:"m-0 mb-2"},_={class:"flex gap-2 items-center"},B={__name:"PaymentView",props:c({name:{type:String,required:!0},field:{type:Object},fieldKey:{type:String},value:{required:!0},variant:{type:String},nesting:{type:Boolean,default:!1},statePath:{type:String},form:{type:Object,required:!0},callback:{type:Function,required:!0},label:{type:String},attribute:{required:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const e=y(m,"modelValue");return(C,r)=>(l(),b("div",k,[a("div",{onClick:r[0]||(r[0]=g=>e.value="logo"),class:t(["relative cursor-pointer border border-solid border-gray-outline rounded p-2 dark:border-dark-400 w-[110px]",{"border-primary-500 dark:border-gray-200":e.value==="logo"}])},[a("p",v,i(n(p)("Logo")),1),a("div",f,[u(o,{name:"CreditCard",class:t(["w-4 h-4 text-gray-400",{"text-primary-500 dark:text-gray-200":e.value==="logo"}])},null,8,["class"]),r[2]||(r[2]=a("span",{class:"bg-gray-200 dark:bg-gray-700 h-2 w-full rounded"},null,-1))]),e.value==="logo"?(l(),s(o,{key:0,name:"CheckCircleFill",class:"w-3 h-3 absolute top-2 right-2 text-primary-500 dark:text-gray-50"})):d("",!0)],2),a("div",{onClick:r[1]||(r[1]=g=>e.value="radio"),class:t(["relative cursor-pointer border border-solid border-gray-outline rounded p-2 dark:border-dark-400 w-[110px]",{"border-primary-500 dark:border-gray-200":e.value==="radio"}])},[a("p",x,i(n(p)("Radio")),1),a("div",_,[u(o,{name:"RadioSelector",class:t(["w-4 h-4 text-gray-400",{"text-primary-500 dark:text-gray-200":e.value==="radio"}])},null,8,["class"]),r[3]||(r[3]=a("span",{class:"bg-gray-200 dark:bg-gray-700 h-2 w-full rounded"},null,-1))]),e.value==="radio"?(l(),s(o,{key:0,name:"CheckCircleFill",class:"w-3 h-3 absolute top-2 right-2 text-primary-500 dark:text-gray-50"})):d("",!0)],2)]))}};export{B as default};
