import{d as p,b as u,o,c as r,a as s,F,i as b,C as g,n as k}from"./_plugin-vue_export-helper-0830d71a.js";const f={style:{"box-sizing":"border-box","box-shadow":"0px 6px 20px 0px #19191a0f"},class:"w-[150px] flex px-3 py-2 bg-[#393B39]"},h={class:"p-1.5 flex flex-wrap gap-1.5"},m=["onClick"],_=p({__name:"ExpandDraw",props:{style:null},emits:["onChangeStyle"],setup(n,{emit:l}){const d=n;function c(a){const e=JSON.parse(JSON.stringify(d.style));e.strokeColor=a,l("onChangeStyle",e)}const i=u([{text:"#000000",background:"#F94737"},{text:"#000000",background:"#F6C846"},{text:"#000000",background:"#60BA5A"},{text:"#000000",background:"#426BEB"},{text:"#FFFFFF",background:"#000000"},{text:"#FFFFFF",background:"#90959D"},{text:"#000000",background:"#FFFFFF"}]);return(a,e)=>(o(),r("div",f,[s("div",h,[(o(!0),r(F,null,b(i.value,(t,x)=>(o(),r("div",{key:x},[s("div",{class:"relative w-6 h-6 rounded-sm flex justify-center items-center text-xs cursor-pointer",style:g({backgroundColor:t.background}),onClick:y=>c(t.background)},[s("div",{class:k(["absolute top-[-2px] left-[-2px] border-1 border-solid z-2 rounded-sm",n.style.strokeColor===t.background?["border-[#7856FF]"]:["border-transparent hover:border-white"]]),style:{width:"calc(100% + 2px)",height:"calc(100% + 2px)"}},null,2)],12,m)]))),128))])]))}});export{_ as default};
