import { Component, h, Host } from '@stencil/core';
export class AlacaHome {
  render() {
    return (h(Host, null,
      h("dvn-theme-provider", null,
        h("dvn-global-grid", null),
        h("dvn-global-text", null),
        h("div", { class: "container" },
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Linear Progress")),
            h("div", { class: "col" },
              h("section", { id: "dvn-alert" },
                h("showcase-linear-progress", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Tooltip")),
            h("div", { class: "col" },
              h("section", { id: "dvn-dropdown" },
                h("showcase-tooltip", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Alert")),
            h("div", { class: "col" },
              h("section", { id: "dvn-alert" },
                h("showcase-alert", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Switch")),
            h("div", { class: "col" },
              h("section", { id: "dvn-switch" },
                h("showcase-switch", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Badge")),
            h("div", { class: "col" },
              h("section", { id: "dvn-badge" },
                h("showcase-badge", null)))),
          h("div", { class: "row" },
            h("div", { class: "col" },
              h("section", { id: "dvn-button" },
                h("showcase-button", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Checkbox")),
            h("div", { class: "col" },
              h("section", { id: "dvn-checkbox" },
                h("showcase-checkbox", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Checkbox Group")),
            h("div", { class: "col" },
              h("section", { id: "dvn-checkbox-group" },
                h("showcase-checkbox-group", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Content Switcher")),
            h("div", { class: "col" },
              h("section", { id: "dvn-badge" },
                h("showcase-content-switcher", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Date Picker")),
            h("div", { class: "col" },
              h("section", { id: "dvn-date-picker" },
                h("showcase-date-picker", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Dropdown")),
            h("div", { class: "col" },
              h("section", { id: "dvn-dropdown" },
                h("showcase-dropdown", null)))),
          h("div", { class: "row" },
            h("div", { class: "col" },
              h("section", { id: "dvn-icon-button" },
                h("showcase-icon-button", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Input")),
            h("div", { class: "col" },
              h("section", { id: "dvn-input" },
                h("showcase-input", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Input Group")),
            h("div", { class: "col" },
              h("section", { id: "dvn-input-group" },
                h("showcase-input-group", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Menu")),
            h("div", { class: "col" },
              h("section", { id: "dvn-menu" },
                h("showcase-menu", null)))),
          h("div", { class: "row" },
            h("div", { class: "col" },
              h("section", { id: "dvn-progress" },
                h("showcase-progress", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Radio Button")),
            h("div", { class: "col" },
              h("section", { id: "dvn-radio" },
                h("showcase-radio", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Select")),
            h("div", { class: "col" },
              h("section", { id: "dvn-select" },
                h("showcase-select", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Card")),
            h("div", { class: "col" },
              h("section", { id: "dvn-card" },
                h("showcase-card", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Image")),
            h("div", { class: "col" },
              h("section", { id: "dvn-image" },
                h("showcase-image", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Icon")),
            h("div", { class: "col" },
              h("section", { id: "dvn-icon" },
                h("showcase-icon", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Info Summary")),
            h("div", { class: "col" },
              h("section", { id: "dvn-info-summary" },
                h("showcase-info-summary", null)))),
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Dialog")),
            h("div", { class: "col" },
              h("section", { id: "dvn-dialog" },
                h("showcase-dialog", null))))),
        h("div", { class: "container" },
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Linear Composite View")),
            h("div", { class: "col" },
              h("section", { id: "dvn-badge" },
                h("showcase-linear-composite-view", null))))),
        h("div", { class: "container" },
          h("div", { class: "row" },
            h("div", { class: "col col-12" },
              h("h3", null, "Rich Editor")),
            h("div", { class: "col" },
              h("section", { id: "dvn-badge" },
                h("showcase-rich-editor", null))))))));
  }
  static get is() { return "alaca-home"; }
}
