import { r as o, h as t } from "./index.61732cef.js";
import { c as i } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const n = () => ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-state-hovered)}.button:active{background-color:var(--s-state-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}", r = class {
  constructor(e) {
    o(this, e), this.isPressed = !1, this.hideLabel = !1, this.onClick = () => {
      this.isPressed = !0;
    };
  }
  render() {
    const e = i("button", {
      "button--pressed": this.isPressed
    }), s = this.hideLabel ? this.label : void 0;
    return t("button", { key: "779b103c28d00e86c468f1d0d7f725eadb6ea6c6", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": s, onClick: this.onClick }, this.icon && t("swirl-icon", { key: "0d7574f9c54f688a800f3e70bf29572b7898c8e9", class: "button__icon", glyph: this.icon }), !this.hideLabel && t("span", { key: "6be89f1d0d2bd07c35b5a2e314bed7b7dd1a3610", class: "button__label" }, this.label));
  }
};
r.style = n();
export {
  r as swirl_toggle_button
};
