import{LitElement as r,html as e,css as s}from"../../../lit/index.js";import{SimpleFieldsFieldsetBehaviors as i}from"./simple-fields-fieldset.js";import{A11yTabs as l}from"../../a11y-tabs/a11y-tabs.js";import"./simple-fields-tab.js";import{SimpleFieldsButtonStyles as t}from"./simple-fields-ui.js";class SimpleFieldsTabs extends l{constructor(){super(),this.fullWidth=!0}static get tag(){return"simple-fields-tabs"}static get styles(){return[...this.A11yTabsCoreStyles,...t,s`
        :host {
          border: 1px solid var(--simple-fields-border-color-light, #ccc);
          padding: var(--simple-fields-margin-small, 8px)
            var(--simple-fields-margin-small, 8px)
            var(--simple-fields-margin, 16px);
          background-color: var(--simple-fields-background-color, transparent);
          border-radius: var(--simple-fields-border-radius, 2px);
        }
        :host([error]) #tabs .error {
          color: var(--simple-fields-error-color, #b40000);
          transition: border 0.5s ease;
        }
      `]}static get properties(){return{...super.properties,...i.properties}}get tabQuery(){return"simple-fields-tab"}_tabLabel(r){return e`
      <span class="label${r.error?" error":""}" part="tab-label"
        >${r.label}${r.error?"*":""}</span
      >
    `}}customElements.define(SimpleFieldsTabs.tag,SimpleFieldsTabs);export{SimpleFieldsTabs};