'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-1141a245.js');

const dvnFieldInputSectionHeaderCss = "dvn-field-input-section-header{padding:calc(1 * var(--spacing-unit)) 0px calc(4 * var(--spacing-unit)) 0px;display:block}dvn-field-input-section-header:last-child{margin-bottom:0}dvn-field-input-section-header .title{font-size:0.8em;margin-bottom:calc(2 * var(--spacing-unit));color:var(--color-text-secondary)}";

const DvnFieldInputSectionHeader = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    var _a;
    // TODO css not done
    return (index.h(index.Host, null, index.h("div", { class: "title" }, (_a = this.field.header) === null || _a === void 0 ? void 0 : _a.toLocaleUpperCase())));
  }
};
DvnFieldInputSectionHeader.style = dvnFieldInputSectionHeaderCss;

exports.dvn_field_input_section_header = DvnFieldInputSectionHeader;
