import { r as i, h as e, 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}", h = class {
  constructor(s) {
    i(this, s), this.label = "", this.size = 24;
  }
  render() {
    const s = t("emoji", `emoji--size-${this.size}`);
    return e(a, { key: "b6ce3613d823b8ef086309e65ef47c433ad2a506" }, this.size === 12 && e("img", { key: "1f27d4920d4485c2d32444fc9e9198c44d5ed098", alt: this.label, class: s, height: "12", src: "emojis/Happy12.png", width: "12" }), this.size === 16 && e("img", { key: "bb08f6ecc5ed936b967aad87960acd990f22a57c", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "4db438f7534285a6a9b36f457b6860f5ee5c9bf8", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "9f9d399ae59c083ee0e0f4fde2876305470e0fc8", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "86b6591f2514ad3ccd2cf14a779aae9b69002e47", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
  }
};
h.style = c();
export {
  h as swirl_emoji_happy
};
