import { Component, h, Host, Prop } from "@stencil/core";
import { EmptyStateView } from "./sqm-empty-view";
/**
 * @uiName Empty State Content
 * @validParents ["sqm-referral-table","sqm-rewards-table","sqm-leaderboard","sqm-reward-exchange-list"]
 */
export class Empty {
  render() {
    return (h(Host, { slot: "empty" },
      h(EmptyStateView, { emptyStateImage: this.emptyStateImage ||
          "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png", emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText, supportText: this.supportText })));
  }
  static get is() { return "sqm-empty"; }
  static get encapsulation() { return "shadow"; }
  static get properties() { return {
    "emptyStateImage": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [{
            "text": "ImageUpload",
            "name": "uiWidget"
          }, {
            "text": "url",
            "name": "format"
          }, {
            "text": "Image",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "empty-state-image",
      "reflect": false
    },
    "emptyStateHeader": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Title",
            "name": "uiName"
          }],
        "text": ""
      },
      "attribute": "empty-state-header",
      "reflect": false
    },
    "emptyStateText": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "text": "Description",
            "name": "uiName"
          }, {
            "text": "textArea",
            "name": "uiWidget"
          }],
        "text": ""
      },
      "attribute": "empty-state-text",
      "reflect": false
    },
    "supportText": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [{
            "text": "Description",
            "name": "uiName"
          }, {
            "text": "textArea",
            "name": "uiWidget"
          }],
        "text": ""
      },
      "attribute": "support-text",
      "reflect": false
    }
  }; }
}
