import { r as e, h as i, F as t } from "./index.61732cef.js";
import { c as a } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const h = () => ":host{display:inline-flex}", c = class {
  constructor(s) {
    e(this, s), this.label = "", this.size = 24;
  }
  render() {
    const s = a("emoji", `emoji--size-${this.size}`);
    return i(t, { key: "2dd62d87b8743d3df94cd8682bdff5113486d84e" }, this.size === 12 && i("img", { key: "b05b50df43c505010c1f2c7728033419f3425c10", alt: this.label, class: s, height: "12", src: "emojis/ThumbsUp12.png", width: "12" }), this.size === 16 && i("img", { key: "4f0e5b24a89acfe6ff66fb8cda8969c94f306630", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && i("img", { key: "723101b53f097876b4981cc27a4dc64e0b35dc99", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && i("img", { key: "0461d69961d56b2a5465276653594c3a6c9a64ad", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && i("img", { key: "adea9ad53835445f0e6c95de324c1379573b3ae2", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
  }
};
c.style = h();
export {
  c as swirl_emoji_thumbs_up
};
