import { Component, h, Host } from '@stencil/core';
export class ManageBenefitsHeaderRow {
  render() {
    return (h(Host, null,
      h("div", { class: "row border-top bg-light font-weight-bold p-3 no-gutters" },
        h("small", { class: "text-muted col-5 col-lg-6" },
          h("strong", null, "Title")),
        h("small", { class: "text-muted col-2 d-none d-md-block" }, "Category"),
        h("small", { class: "text-muted col-2 d-none d-md-block" }, "Last modified"),
        h("small", { class: "text-muted col-3 col-lg-2 d-none d-md-block" }, "Status"))));
  }
  static get is() { return "ap-ben-manage-benefits-header-row"; }
}
