import{__decorate as t}from"tslib";import{html as s}from"lit";import{query as e,property as i,customElement as r}from"lit/decorators.js";import{s as o}from"./nile-form-group.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let a=class extends l{constructor(){super(...arguments),this.title="",this.subtitle=""}static get styles(){return[o]}render(){return s`
      <div part="base" class="form__base">
        ${this.title?s` <div part="header" class="form__header">
              <div part="content" class="form__title-content">
                <slot name="title" class="form__title"> ${this.title} </slot>
                ${this.subtitle?s`
                      <slot name="subtitle" class="form__subtitle">
                        ${this.subtitle}
                      </slot>
                    `:""}
              </div>

              <slot name="action" class="form__action"></slot>
            </div>
            <nile-divider part="divider" class="form__divider"></nile-divider>
            `:""}
        <div part="body" class="form__body">
          <slot></slot>
        </div>
      </div>
    `}};t([e(".form__body")],a.prototype,"nileformgroup",void 0),t([i({type:String,reflect:!0})],a.prototype,"title",void 0),t([i({type:String,reflect:!0})],a.prototype,"subtitle",void 0),a=t([r("nile-form-group")],a);export{a as N};
