@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS
2 lines • 747 B
JavaScript
import{cn as e}from"../../styles/helpers.js";import{DEFAULT_EMOJIS_SET as t}from"./EmojiPicker.constants.js";import{useEffect as n,useState as r}from"react";import i from"lodash/fp/isEmpty.js";import{jsx as a}from"react/jsx-runtime";const o=({id:o,native:s,set:c=t,shortCode:l,skinTone:u=1,...d})=>{let f=l?.startsWith(`:`)?l:`:${l}`;f=f?.endsWith(`:`)?f:`${f}:`,!i(o)&&i(l)&&i(s)&&(f=`:${o}:`),!i(f)&&!f.includes(`skin-tone`)&&(f=`${f}:skin-tone-${u}:`);let[p,m]=r(null);return n(()=>{p&&p.setAttribute(`class`,e(`[font-size:inherit]`,d.className))},[p,d.className]),a(`em-emoji`,{id:i(s)?o:void 0,ref:e=>m(e),native:s||void 0,set:c,shortcodes:i(s)?f:``,skin:u,...d})};o.displayName=`Emoji`;export{o as default};
//# sourceMappingURL=Emoji.js.map