import{j as t,r as e,l as o,m as r}from"./p-BxEPsDRj.js";import{n as i,c as n}from"./p-CrMmJdZ6.js";var s=t`
  :host {
    position: relative;
    display: flex;
    width: 100%;
    height: 1px;
    background-color: ${({tokens:t})=>t.theme.borderPrimary};
    justify-content: center;
    align-items: center;
  }

  :host > wui-text {
    position: absolute;
    padding: 0px 8px;
    transition: background-color ${({durations:t})=>t["lg"]}
      ${({easings:t})=>t["ease-out-power-2"]};
    will-change: background-color;
  }

  :host([data-bg-color='primary']) > wui-text {
    background-color: ${({tokens:t})=>t.theme.backgroundPrimary};
  }

  :host([data-bg-color='secondary']) > wui-text {
    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
  }
`;var a=undefined&&undefined.__decorate||function(t,e,o,r){var i=arguments.length,n=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,o):r,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)if(s=t[a])n=(i<3?s(n):i>3?s(e,o,n):s(e,o))||n;return i>3&&n&&Object.defineProperty(e,o,n),n};let c=class t extends o{constructor(){super(...arguments);this.text="";this.bgColor="primary"}render(){this.dataset["bgColor"]=this.bgColor;return r`${this.template()}`}template(){if(this.text){return r`<wui-text variant="md-regular" color="secondary">${this.text}</wui-text>`}return null}};c.styles=[e,s];a([i()],c.prototype,"text",void 0);a([i()],c.prototype,"bgColor",void 0);c=a([n("wui-separator")],c);
//# sourceMappingURL=p-CUUFsMGb.js.map