const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/js/emoji-picker-react.esm.DdGOFSA4.js","assets/js/26c764ce-5749-40c4-a945-92b8f2bbd3d2.B0HL2V7j.js","assets/js/8fe30ac6-10ea-4133-9cba-a41ccabbb9d3.Crt4W2pt.js","assets/js/c1da2410-8418-499e-b6bd-d2aefdda8e3d.BKRYYJni.js"])))=>i.map(i=>d[i]);
import{e as p,j as t,aP as u,_ as j}from"./8fe30ac6-10ea-4133-9cba-a41ccabbb9d3.Crt4W2pt.js";import{r as s}from"./26c764ce-5749-40c4-a945-92b8f2bbd3d2.B0HL2V7j.js";import{u as d,a as h}from"../../index.js";import{s as x}from"./index.B4BawKGx.js";import"./c1da2410-8418-499e-b6bd-d2aefdda8e3d.BKRYYJni.js";const E=s.lazy(()=>j(()=>import("./emoji-picker-react.esm.DdGOFSA4.js"),__vite__mapDeps([0,1,2,3])));function k({id:o}){const i=d(e=>e.getContainer(o))(e=>e.emojiArea),r=h(e=>e.open),a=p(e=>e.theme),m="facebook",n=a?"dark":"light",c=e=>{r(t.jsx(s.Suspense,{fallback:t.jsx("img",{className:"blur",src:chrome.runtime.getURL("assets/png/emoji.png")}),children:t.jsx(E,{emojiStyle:m,theme:n,onEmojiClick:l=>x(o,l.emoji),width:"auto",height:"60vh"})}),{placement:i.position},e.target,10,{mounted:()=>e.target.setAttribute("style","color: green !important"),desmouted:()=>e.target.removeAttribute("style")})};return t.jsx("div",{className:"relative",style:{right:"32px",top:"3px"},children:t.jsx("span",{className:"cursor-pointer pulse absolute text-[var(--icon)]",onClick:e=>c(e),children:t.jsx(u,{className:"h-7 w-7"})})})}export{k as default};
