import{P as y,_ as b}from"./myImg-B3XMH9SK.js";import{d as P,r as l,z as N,a as S,B as u,g as v,h as r,i as _,t as f,j as m,m as C,A as x,F as $,b as R,f as g,_ as k}from"./index-N7CMQwFv.js";import"./VRow-CGgRlzLk.js";/* empty css              */import"./VCol-xRADuXqd.js";const B={class:"d-flex justify-space-between align-center mb-5"},U={class:"d-flex align-center"},V={class:"personalize-text ml-5"},F={class:""},J=P({inheritAttrs:!1,__name:"persionalizeItem",props:{personalizeItemData:{default:()=>({id:0,mainImageUrl:"",name:"",price:"",customizable:!1})}},setup(z){const e=z,i=l(!1),p=l({}),I=()=>{const s={productName:e.personalizeItemData.name,picturePreview:[e.personalizeItemData.mainImageUrl]};i.value=!0,p.value=JSON.parse(JSON.stringify(s))},w=R(),D=()=>{w.push({name:"customizer",query:{id:e.personalizeItemData.id}})},h=N(()=>s=>{const o=localStorage.getItem("ChooseCurrency"),t=JSON.parse(o),n=S().$state.currentData,a=l(0),c=s||0;return n.currencyRate?(a.value=new u(c).times(n.currencyRate).toNumber(),`${n.name} ${a.value}`):t&&t.currencyRate?(a.value=new u(c).times(t.currencyRate).toNumber(),`${t.name} ${a.value}`):(a.value=new u(c).times(1).toNumber(),`$ ${a.value}`)});return(s,o)=>{const t=b;return g(),v($,null,[r("div",B,[r("div",U,[r("div",{onClick:I},[_(t,{src:e.personalizeItemData.mainImageUrl,height:60,width:60},null,8,["src"])]),r("div",V,[r("div",F,f(e.personalizeItemData.name),1),r("div",null,"(+ "+f(e.personalizeItemData.price===0?"Free":m(h)(e.personalizeItemData.price))+" ) ",1)])]),e.personalizeItemData.customizable?(g(),v("div",{key:0,class:"personalize-custom text-decoration-underline cursor-pointer",onClick:D}," Custom ")):C("",!0)]),_(y,{"picture-preview-dialog-visible":m(i),"onUpdate:picturePreviewDialogVisible":o[0]||(o[0]=d=>x(i)?i.value=d:null),"picture-data":m(p)},null,8,["picture-preview-dialog-visible","picture-data"])],64)}}}),M=k(J,[["__scopeId","data-v-c5f8a489"]]);export{M as default};