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 c = () => ":host{display:inline-flex}", l = class {
  constructor(e) {
    i(this, e), this.label = "", this.size = 24;
  }
  render() {
    const e = t("emoji", `emoji--size-${this.size}`);
    return s(a, { key: "e2dbffa6014e4e0c63cc9a2daf17de8eda622156" }, this.size === 12 && s("img", { key: "b658cd56901ebaf56fb0111aa5e1d4be73260c60", alt: this.label, class: e, height: "12", src: "emojis/Idea12.png", width: "12" }), this.size === 16 && s("img", { key: "fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "9a8457817455db4bced85a1276f23a026a12aaa7", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "65096936352a2fcb5a46f7b2e8936a93e543c793", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "dc9eeca1d9e10329c15243c475b2e236eb69cd9d", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
  }
};
l.style = c();
export {
  l as swirl_emoji_idea
};
