const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/js/emoji-picker-react.esm.B6v6mXX2.js","assets/js/3ad636e4-8d4c-4a8d-9792-442381ae4424.43uub9Ty.js","assets/js/12e6f719-8b58-4304-a05f-68fd96d1b5cb.DloERpO7.js","assets/js/a36cb10c-86a8-4911-b1e7-557dea655fe2.BMFf4Ea9.js"])))=>i.map(i=>d[i]);
import{e as p,j as t,aP as u,_ as j}from"./12e6f719-8b58-4304-a05f-68fd96d1b5cb.DloERpO7.js";import{r as s}from"./3ad636e4-8d4c-4a8d-9792-442381ae4424.43uub9Ty.js";import{u as d,a as h}from"../../index.js";import{s as x}from"./index.B4BawKGx.js";import"./a36cb10c-86a8-4911-b1e7-557dea655fe2.BMFf4Ea9.js";const E=s.lazy(()=>j(()=>import("./emoji-picker-react.esm.B6v6mXX2.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};
