import { r as i, h as s, F as a } from "./index.61732cef.js";
import { c as t } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const l = () => ":host{display:inline-flex}", c = class {
  constructor(e) {
    i(this, e), this.label = "", this.size = 24;
  }
  render() {
    const e = t("emoji", `emoji--size-${this.size}`);
    return s(a, { key: "82b2eef62f607b251bfde697b77ca65e2593c045" }, this.size === 12 && s("img", { key: "8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5", alt: this.label, class: e, height: "12", src: "emojis/Clap12.png", width: "12" }), this.size === 16 && s("img", { key: "d24d8776e4342938d5ecd259e6e8dd98e832fcac", alt: this.label, class: e, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && s("img", { key: "0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4", alt: this.label, class: e, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && s("img", { key: "33260a367f4873fa3dd193b25a74ca67f72007a7", alt: this.label, class: e, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && s("img", { key: "80a803469c527ee2a9f478dfe0e79ee762a98fdd", alt: this.label, class: e, height: "32", src: "emojis/Clap32.png", width: "32" }));
  }
};
c.style = l();
export {
  c as swirl_emoji_clap
};
