const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/js/emoji-picker-react.esm.B6S7TbhP.js","assets/js/438b07b8-1159-4030-b434-0c6e3e91a51d.CPQLWPDL.js","assets/js/c7825da4-a69c-492a-942a-b7bfc0f30267.DP1D4UdL.js","assets/js/099f9e39-cb58-4252-b444-4ca177e87e27.BH3Q6F3T.js"])))=>i.map(i=>d[i]);
import{e as p,j as t,aP as u,_ as j}from"./c7825da4-a69c-492a-942a-b7bfc0f30267.DP1D4UdL.js";import{r as s}from"./438b07b8-1159-4030-b434-0c6e3e91a51d.CPQLWPDL.js";import{u as d,a as h}from"../../index.js";import{s as x}from"./index.B4BawKGx.js";import"./099f9e39-cb58-4252-b444-4ca177e87e27.BH3Q6F3T.js";const E=s.lazy(()=>j(()=>import("./emoji-picker-react.esm.B6S7TbhP.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};
