@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
3 lines • 756 B
JavaScript
'use client';
import{n as l,p as E}from"./chunk-EURLLCVV.js";import{b as r}from"./chunk-XYM7TA65.js";import{useEffect as d,useState as N}from"react";import t from"lodash/fp/isEmpty";import{jsx as S}from"react/jsx-runtime";var c=({id:s,native:i,set:a=l,shortCode:m,skinTone:n=E,...o})=>{let u="[font-size:inherit]",e=m?.startsWith(":")?m:`:${m}`;e=e?.endsWith(":")?e:`${e}:`,!t(s)&&t(m)&&t(i)&&(e=`:${s}:`),!t(e)&&!e.includes("skin-tone")&&(e=`${e}:skin-tone-${n}:`);let[f,p]=N(null);return d(()=>{f&&f.setAttribute("class",r(u,o.className))},[f,o.className]),S("em-emoji",{id:t(i)?s:void 0,ref:j=>p(j),native:i||void 0,set:a,shortcodes:t(i)?e:"",skin:n,...o})};c.displayName="Emoji";var L=c;export{c as a,L as b};
//# sourceMappingURL=chunk-GHTYMEXX.js.map