import { r as i, h as r, F as o } 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, a = {
      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
    }, c = s("swirl-icon", `swirl-icon--size-${this.size}`);
    return r("svg", { key: "6b56c2bef6b1b18d1eb01af1d60460b20f4abb64", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && r(o, { key: "1d637af0dbf8defe1f0c18b67f90cdfbf6ce0d5c" }, r("path", { key: "ef0685500cfac00ca7599c6298ec1b2e588b5e86", d: "M3.33333 12C2.96667 12 2.65278 11.8694 2.39167 11.6083C2.13056 11.3472 2 11.0333 2 10.6667V5.33333C2 4.96667 2.13056 4.65278 2.39167 4.39167C2.65278 4.13056 2.96667 4 3.33333 4H12.6667C13.0333 4 13.3472 4.13056 13.6083 4.39167C13.8694 4.65278 14 4.96667 14 5.33333V10.6667C14 11.0333 13.8694 11.3472 13.6083 11.6083C13.3472 11.8694 13.0333 12 12.6667 12H3.33333ZM3.33333 10.6667H12.6667V5.33333H3.33333V10.6667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && r(o, { key: "43c24ec9e9fdda9bd814270cfd3b0847bdf33bb2" }, r("path", { key: "c94d84103f9383319d1f6646b5eb55a345e5f77f", d: "M5 18C4.45 18 3.97917 17.8042 3.5875 17.4125C3.19583 17.0208 3 16.55 3 16V8C3 7.45 3.19583 6.97917 3.5875 6.5875C3.97917 6.19583 4.45 6 5 6H19C19.55 6 20.0208 6.19583 20.4125 6.5875C20.8042 6.97917 21 7.45 21 8V16C21 16.55 20.8042 17.0208 20.4125 17.4125C20.0208 17.8042 19.55 18 19 18H5ZM5 16H19V8H5V16Z", fill: "currentColor" })), this.size === 28 && r(o, { key: "d74c849ffed78420e0450d39c9be2b286ac3f10a" }, r("path", { key: "b0baf8b4492e37962a872e80180b8330c7711598", d: "M5.83333 21C5.19167 21 4.64236 20.7715 4.18542 20.3146C3.72847 19.8576 3.5 19.3083 3.5 18.6667V9.33333C3.5 8.69167 3.72847 8.14236 4.18542 7.68542C4.64236 7.22847 5.19167 7 5.83333 7H22.1667C22.8083 7 23.3576 7.22847 23.8146 7.68542C24.2715 8.14236 24.5 8.69167 24.5 9.33333V18.6667C24.5 19.3083 24.2715 19.8576 23.8146 20.3146C23.3576 20.7715 22.8083 21 22.1667 21H5.83333ZM5.83333 18.6667H22.1667V9.33333H5.83333V18.6667Z", fill: "currentColor" })));
  }
};
d.style = t();
export {
  d as swirl_icon_ratio_three_to_two
};
