import { Component, Event, h, Host, Prop } from '@stencil/core';
export class DvnContentSwitcher {
  constructor() {
    this.options = [];
    this.shape = 'rectangular';
  }
  render() {
    const { options, shape, value } = this;
    return (h(Host, { class: { [shape]: true } }, options.map(option => (h("dvn-button", { leaned: true, onClick: () => this.change.emit(option.value), shape: shape, tint: "primary", view: option.value === value ? 'solid' : 'flat' }, option.label)))));
  }
  static get is() { return "dvn-content-switcher"; }
  static get originalStyleUrls() { return {
    "$": ["dvn-content-switcher.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["dvn-content-switcher.css"]
  }; }
  static get properties() { return {
    "options": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "{ label: string, value: string }[]",
        "resolved": "{ label: string; value: string; }[]",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "defaultValue": "[]"
    },
    "value": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "value",
      "reflect": false
    },
    "shape": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "'rectangular' | 'rounded'",
        "resolved": "\"rectangular\" | \"rounded\"",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "shape",
      "reflect": false,
      "defaultValue": "'rectangular'"
    }
  }; }
  static get events() { return [{
      "method": "change",
      "name": "change",
      "bubbles": true,
      "cancelable": true,
      "composed": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "complexType": {
        "original": "any",
        "resolved": "any",
        "references": {}
      }
    }]; }
}
