import { r as i, h as r, F as a } from "./index.61732cef.js";
import { c as s } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const t = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", d = class {
  constructor(e) {
    i(this, e), this.size = 24;
  }
  render() {
    const e = this.size === 20 ? 24 : this.size, o = {
      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
    }, c = s("swirl-icon", `swirl-icon--size-${this.size}`);
    return r("svg", { key: "d2b12fe81ee4353b06f60eeb0ba180a5adce0647", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: o, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && r(a, { key: "d207aca54c6412cc8eff07e3e6eab0407c10676c" }, r("path", { key: "36c0cbc3322be4664992aeb19d6ca3299c7453e2", d: "M4 10.6667V5.33333C4 4.96667 4.13056 4.65278 4.39167 4.39167C4.65278 4.13056 4.96667 4 5.33333 4H10.6667C11.0333 4 11.3472 4.13056 11.6083 4.39167C11.8694 4.65278 12 4.96667 12 5.33333V10.6667C12 11.0333 11.8694 11.3472 11.6083 11.6083C11.3472 11.8694 11.0333 12 10.6667 12H5.33333C4.96667 12 4.65278 11.8694 4.39167 11.6083C4.13056 11.3472 4 11.0333 4 10.6667ZM5.33333 10.6667H10.6667V5.33333H5.33333V10.6667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && r(a, { key: "9121fa412fb7daa888f3fefeb264fa4bdd7ca107" }, r("path", { key: "448ca3a5649299e40ab82ca984fa4eaa2913d337", d: "M6 16V8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6H16C16.55 6 17.0208 6.19583 17.4125 6.5875C17.8042 6.97917 18 7.45 18 8V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H8C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16ZM8 16H16V8H8V16Z", fill: "currentColor" })), this.size === 28 && r(a, { key: "c09dc3e0aa62e775bd8647849620f263c7504734" }, r("path", { key: "74fa40d75bf4166c980dea7ddf65bc9a1c5f764e", d: "M7 18.6667V9.33333C7 8.69167 7.22847 8.14236 7.68542 7.68542C8.14236 7.22847 8.69167 7 9.33333 7H18.6667C19.3083 7 19.8576 7.22847 20.3146 7.68542C20.7715 8.14236 21 8.69167 21 9.33333V18.6667C21 19.3083 20.7715 19.8576 20.3146 20.3146C19.8576 20.7715 19.3083 21 18.6667 21H9.33333C8.69167 21 8.14236 20.7715 7.68542 20.3146C7.22847 19.8576 7 19.3083 7 18.6667ZM9.33333 18.6667H18.6667V9.33333H9.33333V18.6667Z", fill: "currentColor" })));
  }
};
d.style = t();
export {
  d as swirl_icon_stop
};
