import { Component, h, Prop } from "@stencil/core";
export class PlatformIntegrationWidget {
  render() {
    const { images, title, description, isConnected, strings, onConncet } = this;
    const buttonLabel = isConnected ? strings.disconnect : strings.conncet;
    return (h("dvn-card", { elevation: 0, style: { margin: '10px 0', minHeight: '300px' }, class: "p-2" },
      images.map((image, i) => (h("img", { class: "mr-4", key: i, src: image }))),
      h("h3", { class: "my-3" }, title),
      h("p", { class: "mt-1" }, description),
      h("dvn-card-footer", { slot: "footer", "align-left": true },
        h("dvn-button", { leaned: true, scale: "large", tint: isConnected ? 'neutral' : 'primary', onClick: onConncet }, buttonLabel))));
  }
  static get is() { return "mentornity-platform-integration-widget"; }
  static get properties() { return {
    "images": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "any[]",
        "resolved": "any[]",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    },
    "title": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "title",
      "reflect": false
    },
    "description": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "description",
      "reflect": false
    },
    "isConnected": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "is-connected",
      "reflect": false
    },
    "onConncet": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "() => void",
        "resolved": "() => void",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    },
    "strings": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "MentornityIntegrationSettingsWrapperI18n",
        "resolved": "MentornityIntegrationSettingsWrapperI18n",
        "references": {
          "MentornityIntegrationSettingsWrapperI18n": {
            "location": "import",
            "path": "./i18n"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    }
  }; }
}
