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 c = () => ":host{display:inline-flex}", l = class {
  constructor(s) {
    i(this, s), this.label = "", this.size = 24;
  }
  render() {
    const s = t("emoji", `emoji--size-${this.size}`);
    return e(a, { key: "4b4411b911505b079c3f2d968c287e61b3c13c7a" }, this.size === 12 && e("img", { key: "e0078af01f17b177af734eb54575d46552f1d1ce", alt: this.label, class: s, height: "12", src: "emojis/Sad12.png", width: "12" }), this.size === 16 && e("img", { key: "30c1508cbb8ee99123a10da54e8758343be7e992", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "ca4ff71685c86f57a97e5e9a0a3f973bdfef6e04", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "b6e1d5c9b8794d78f3e051c2775624e5c782b132", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "100f6cff55c2c5d1da05ee7fa106326d676cb69b", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
  }
};
l.style = c();
export {
  l as swirl_emoji_sad
};
