import { r as i, h as e, F as a } from "./index.e6beb8d9.js";
import { c as t } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const l = () => ":host{display:inline-flex}", c = class {
  constructor(s) {
    i(this, s), this.label = "", this.size = 24;
  }
  render() {
    const s = t("emoji", `emoji--size-${this.size}`);
    return e(a, { key: "097c592e5a22e1b4a7938d01cba5dd3969594ec3" }, this.size === 12 && e("img", { key: "b6e128470f3f403cc89b631713e87b8381cee392", alt: this.label, class: s, height: "12", src: "emojis/Clap12.png", width: "12" }), this.size === 16 && e("img", { key: "4bdcb99ed3e533edee4256f1b51c40b97441bf43", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "635772d3bfb2b220b609292af48cfb81c51a8f39", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "a26d7ea16f85840015b6be41bcb556308ea09d80", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "4a943f1936a63b9be95cbc6eda262a3dd8374e8f", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
  }
};
c.style = l();
export {
  c as swirl_emoji_clap
};
