const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/js/emoji-picker-react.esm.Dae3sv4V.js","assets/js/65317f9b-7a7b-494a-99cc-5698347a8052.k3JKT82G.js"])))=>i.map(i=>d[i]);
import{u,a as j,b as p,M as d,_ as h}from"../../index.js";import{j as t,r as s}from"./65317f9b-7a7b-494a-99cc-5698347a8052.k3JKT82G.js";import{s as x}from"./index.B4BawKGx.js";const E=s.lazy(()=>h(()=>import("./emoji-picker-react.esm.Dae3sv4V.js"),__vite__mapDeps([0,1])));function f({id:o}){const i=u(e=>e.getContainer(o))(e=>e.emojiArea),a=j(e=>e.open),r=p(e=>e.theme),m="facebook",n=r?"dark":"light",c=e=>{a(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(d,{className:"h-7 w-7"})})})}export{f as default};
