import { r as i, h as s, F as t } from "./index.e6beb8d9.js";
import { c as a } 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 = a("emoji", `emoji--size-${this.size}`);
    return s(t, { key: "5e3ea1e851e552eb95608d3a0092dc6284041014" }, this.size === 12 && s("img", { key: "311525cf007194efb83c078584b406ce7f72227e", alt: this.label, class: e, height: "12", src: "emojis/Love12.png", width: "12" }), this.size === 16 && s("img", { key: "1e2a4b8b5be7e0b7401442b9e2486a613b9b5480", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "9788ccd3b3c90bc46ff079904b416f35c58939ef", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "18b7f3a26bfeca9ea1227bf51751a06e21eb8ac3", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "2e4f9ca5ad36bd1be98c2faebb28ddc35723cf59", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
  }
};
l.style = c();
export {
  l as swirl_emoji_love
};
