import { Component, Event, h, Host, Prop } from '@stencil/core';
export class MentornityScheduleMeetingButtonOnCard {
  render() {
    var _a;
    const { item } = this;
    return (h(Host, { class: "d-flex flex-column" },
      ((_a = item.availabilities) === null || _a === void 0 ? void 0 : _a.length) > 0
        ? h("dvn-card", { leaned: true, selectable: true, selected: true, overrideStyle: { flex: 1 }, tint: "primary", elevation: 0, cornerRadius: 10, onClick: () => {
            this.action.emit({
              type: 'navigation',
              direction: 'forward',
              name: 'schedule-meeting',
              params: { item },
            });
          } },
          h("div", { class: "d-flex justify-content-between align-items-center text-primary" },
            h("span", null, "Get Meeting"),
            h("dvn-icon", { iconName: "uil uil-calendar-alt", scale: "large" })))
        : h("dvn-card", { leaned: true, overrideStyle: { flex: 1 }, elevation: 0, cornerRadius: 10, outlined: true },
          h("div", { style: { lineHeight: '27px' } }, "User has no availability")),
      h("div", { class: "d-flex justify-content-center pt-2" },
        h("dvn-button", { onClick: () => {
            this.action.emit({
              type: 'navigation',
              direction: 'forward',
              name: 'view-details',
              params: { item },
            });
          }, leaned: true, view: "flat" }, "View Details"))));
  }
  static get is() { return "mentornity-schedule-meeting-button-on-card"; }
  static get properties() { return {
    "item": {
      "type": "any",
      "mutable": false,
      "complexType": {
        "original": "any",
        "resolved": "any",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "item",
      "reflect": false
    }
  }; }
  static get events() { return [{
      "method": "action",
      "name": "action",
      "bubbles": true,
      "cancelable": true,
      "composed": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "complexType": {
        "original": "any",
        "resolved": "any",
        "references": {}
      }
    }]; }
}
