import{j as o,r as t,k as r,l as a,m as e}from"./p-BxEPsDRj.js";import{n as s,c as n}from"./p-CrMmJdZ6.js";import{o as c}from"./p-zNe_7rLp.js";var i=o`
  :host {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: ${({borderRadius:o})=>o[2]};
    padding: ${({spacing:o})=>o[1]} !important;
    background-color: ${({tokens:o})=>o.theme.backgroundPrimary};
    position: relative;
  }

  :host([data-padding='2']) {
    padding: ${({spacing:o})=>o[2]} !important;
  }

  :host:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: ${({borderRadius:o})=>o[2]};
  }

  :host > wui-icon {
    z-index: 10;
  }

  /* -- Colors --------------------------------------------------- */
  :host([data-color='accent-primary']) {
    color: ${({tokens:o})=>o.core.iconAccentPrimary};
  }

  :host([data-color='accent-primary']):after {
    background-color: ${({tokens:o})=>o.core.foregroundAccent010};
  }

  :host([data-color='default']),
  :host([data-color='secondary']) {
    color: ${({tokens:o})=>o.theme.iconDefault};
  }

  :host([data-color='default']):after {
    background-color: ${({tokens:o})=>o.theme.foregroundPrimary};
  }

  :host([data-color='secondary']):after {
    background-color: ${({tokens:o})=>o.theme.foregroundSecondary};
  }

  :host([data-color='success']) {
    color: ${({tokens:o})=>o.core.iconSuccess};
  }

  :host([data-color='success']):after {
    background-color: ${({tokens:o})=>o.core.backgroundSuccess};
  }

  :host([data-color='error']) {
    color: ${({tokens:o})=>o.core.iconError};
  }

  :host([data-color='error']):after {
    background-color: ${({tokens:o})=>o.core.backgroundError};
  }

  :host([data-color='warning']) {
    color: ${({tokens:o})=>o.core.iconWarning};
  }

  :host([data-color='warning']):after {
    background-color: ${({tokens:o})=>o.core.backgroundWarning};
  }

  :host([data-color='inverse']) {
    color: ${({tokens:o})=>o.theme.iconInverse};
  }

  :host([data-color='inverse']):after {
    background-color: transparent;
  }
`;var d=undefined&&undefined.__decorate||function(o,t,r,a){var e=arguments.length,s=e<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,r):a,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(o,t,r,a);else for(var c=o.length-1;c>=0;c--)if(n=o[c])s=(e<3?n(s):e>3?n(t,r,s):n(t,r))||s;return e>3&&s&&Object.defineProperty(t,r,s),s};let l=class o extends a{constructor(){super(...arguments);this.icon="copy";this.size="md";this.padding="1";this.color="default"}render(){this.dataset["padding"]=this.padding;this.dataset["color"]=this.color;return e`
      <wui-icon size=${c(this.size)} name=${this.icon} color="inherit"></wui-icon>
    `}};l.styles=[t,r,i];d([s()],l.prototype,"icon",void 0);d([s()],l.prototype,"size",void 0);d([s()],l.prototype,"padding",void 0);d([s()],l.prototype,"color",void 0);l=d([n("wui-icon-box")],l);
//# sourceMappingURL=p-DJATscC5.js.map