import { Component, Event, h, Host, Prop } from '@stencil/core';
import { getEmbeddedTranslation } from '../../api/mentorinty-bridge-api';
export class MentornityScheduleMeetingButtonOnCard {
  render() {
    var _a, _b;
    const { item } = this;
    const language = ((_b = (_a = this.field) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.language) || 'en';
    return (h(Host, { class: "d-flex flex-column" },
      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, getEmbeddedTranslation(language, 'getMeeting')),
          h("dvn-icon", { iconName: "uil uil-calendar-alt", scale: "large" }))),
      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" }, getEmbeddedTranslation(language, 'viewDetails')))));
  }
  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
    },
    "field": {
      "type": "any",
      "mutable": false,
      "complexType": {
        "original": "any",
        "resolved": "any",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "field",
      "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": {}
      }
    }]; }
}
