import { r as i, h as e, F as t } from "./index.e6beb8d9.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) {
    i(this, s), this.label = "", this.size = 24;
  }
  render() {
    const s = a("emoji", `emoji--size-${this.size}`);
    return e(t, { key: "576bd88f22e20d3e8c7a66aae11b9e8ddc464b35" }, this.size === 12 && e("img", { key: "19c6cf5578311f97d59a53f4d55621508a97823d", alt: this.label, class: s, height: "12", src: "emojis/ThumbsUp12.png", width: "12" }), this.size === 16 && e("img", { key: "570b4d902cf273871551eaa6030e5be6e95e501f", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "b7f30fad3657304efc645b4f0e457eac89153a57", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "646ffb9745c42b74bf1d74dc96cd4d9dd919d210", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "eb038ac87c478f118e462146cfe2db849d020495", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
  }
};
c.style = h();
export {
  c as swirl_emoji_thumbs_up
};
