import { Component, Event, h, Host, Prop } from '@stencil/core';
export class DvnRadioCardGroup {
  constructor() {
    this.options = [];
  }
  render() {
    const { options, value } = this;
    return (h(Host, null, options.map(option => (h("dvn-card", { key: option.value, elevation: 0, outlined: true, selectable: true, selected: value === option.value, overrideStyle: { margin: 'calc(2 * var(--spacing-unit)) 0px' }, onClick: () => this.change.emit(option.value), tint: option.tint },
      h("dvn-card-header", { slot: "header", title: option.label }),
      option.description)))));
  }
  static get is() { return "dvn-radio-card-group"; }
  static get encapsulation() { return "scoped"; }
  static get properties() { return {
    "value": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "value",
      "reflect": false
    },
    "options": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "{\n    label: string;\n    value: any;\n    tint?: Tint;\n    description?: string;\n  }[]",
        "resolved": "{ label: string; value: any; tint?: Tint; description?: string; }[]",
        "references": {
          "Tint": {
            "location": "import",
            "path": "@dvn/alaca/theme"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "defaultValue": "[]"
    }
  }; }
  static get events() { return [{
      "method": "change",
      "name": "change",
      "bubbles": true,
      "cancelable": true,
      "composed": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "complexType": {
        "original": "any",
        "resolved": "any",
        "references": {}
      }
    }]; }
}
