import { Component, Host, h, Prop } from '@stencil/core';
const emojies = {
  'GRINNING': '😀',
  'GRINNING-WITH-SMILING-EYES': '😁',
  'FACE-WITH-TEARS-OF-JOY': '😂',
  'SMILING-FACE-WITH-OPEN-MOUTH': '😃',
  'SMILING-FACE-WITH-OPEN-MOUTH-AND-SMILING-EYES': '😄',
  'SMILING-FACE-WITH-OPEN-MOUTH-AND-COLD-SWEAT': '😅',
  'SMILING-FACE-WITH-OPEN-MOUTH-AND-TIGHTLY-CLOSED-E': '😆YES',
  'SMILING-FACE-WITH-HALO': '😇',
  'SMILING-FACE-WITH-HORNS': '😈',
  'WINKING-FACE': '😉',
  'SMILING-FACE-WITH-SMILING-EYES': '😊',
  'FACE-SAVOURING-DELICIOUS-FOOD': '😋',
  'RELIEVED-FACE': '😌',
  'SMILING-FACE-WITH-HEART-SHAPED-EYES': '😍',
  'SMILING-FACE-WITH-SUNGLASSES': '😎',
  'SMIRKING-FACE': '😏',
  'NEUTRAL-FACE': '😐',
  'EXPRESSIONLESS-FACE': '😑',
  'UNAMUSED-FACE': '😒',
  'FACE-WITH-COLD-SWEAT': '😓',
  'PENSIVE-FACE': '😔',
  'CONFUSED-FACE': '😕',
  'CONFOUNDED-FACE': '😖',
  'KISSING-FACE': '😗',
  'FACE-THROWING-A-KISS': '😘',
  'KISSING-FACE-WITH-SMILING-EYES': '😙',
  'KISSING-FACE-WITH-CLOSED-EYES': '😚',
  'FACE-WITH-STUCK-OUT-TONGUE': '😛',
  'FACE-WITH-STUCK-OUT-TONGUE-AND-WINKING-EYE': '😜',
  'FACE-WITH-STUCK-OUT-TONGUE-AND-TIGHTLY-CLOSED-EYE': '😝S',
  'DISAPPOINTED-FACE': '😞',
  'WORRIED-FACE': '😟',
  'ANGRY-FACE': '😠',
  'POUTING-FACE': '😡',
  'CRYING-FACE': '😢',
  'PERSEVERING-FACE': '😣',
  'FACE-WITH-LOOK-OF-TRIUMPH': '😤',
  'DISAPPOINTED-BUT-RELIEVED-FACE': '😥',
  'FROWNING-FACE-WITH-OPEN-MOUTH': '😦',
  'ANGUISHED-FACE': '😧',
  'FEARFUL-FACE': '😨',
  'WEARY-FACE': '😩',
  'SLEEPY-FACE': '😪',
  'TIRED-FACE': '😫',
  'GRIMACING-FACE': '😬',
  'LOUDLY-CRYING-FACE': '😭',
  'FACE-WITH-OPEN-MOUTH': '😮',
  'HUSHED-FACE': '😯',
  'FACE-WITH-OPEN-MOUTH-AND-COLD-SWEAT': '😰',
  'FACE-SCREAMING-IN-FEAR': '😱',
  'ASTONISHED-FACE': '😲',
  'FLUSHED-FACE': '😳',
  'SLEEPING-FACE': '😴',
  'DIZZY-FACE': '😵',
  'FACE-WITHOUT-MOUTH': '😶',
  'FACE-WITH-MEDICAL-MASK': '😷'
};
export class SparkleEmoji {
  constructor() {
    this.size = 'xs';
  }
  render() {
    return (h(Host, null,
      h("span", { class: {
          [this.size]: Boolean(this.size),
        } }, emojies[this.mood])));
  }
  static get is() { return "sparkle-emoji"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() { return {
    "$": ["sparkle-emoji.css"]
  }; }
  static get styleUrls() { return {
    "$": ["sparkle-emoji.css"]
  }; }
  static get properties() { return {
    "mood": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "mood",
      "reflect": false
    },
    "size": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "'xs' | 'sm' | 'mg' | 'lg'",
        "resolved": "\"lg\" | \"mg\" | \"sm\" | \"xs\"",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "size",
      "reflect": false,
      "defaultValue": "'xs'"
    }
  }; }
}
{ /* <sparkle-emoji mood="ANGRY-FACE"></sparkle-emoji> */ }
