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: "4eb788d062805205d92334c70c9a332fe07a4b2f", "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: "6fe45817222f84f1409e21246c85b9acdedca607" }, r("path", { key: "22fbce9f3633c1c06b30b087bc046b26562e5daf", d: "M3.33333 11.3332C2.96667 11.3332 2.65278 11.2026 2.39167 10.9415C2.13056 10.6804 2 10.3665 2 9.99984V5.99984C2 5.63317 2.13056 5.31928 2.39167 5.05817C2.65278 4.79706 2.96667 4.6665 3.33333 4.6665H12.6667C13.0333 4.6665 13.3472 4.79706 13.6083 5.05817C13.8694 5.31928 14 5.63317 14 5.99984V9.99984C14 10.3665 13.8694 10.6804 13.6083 10.9415C13.3472 11.2026 13.0333 11.3332 12.6667 11.3332H3.33333ZM3.33333 9.99984H12.6667V5.99984H3.33333V9.99984Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && r(o, { key: "2003ec49175c6c113a099b3ae3583fcffef52606" }, r("path", { key: "3595c17ed97d9f806f07afe3cfd9eda412d6321e", d: "M5 17C4.45 17 3.97917 16.8042 3.5875 16.4125C3.19583 16.0208 3 15.55 3 15V9C3 8.45 3.19583 7.97917 3.5875 7.5875C3.97917 7.19583 4.45 7 5 7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V15C21 15.55 20.8042 16.0208 20.4125 16.4125C20.0208 16.8042 19.55 17 19 17H5ZM5 15H19V9H5V15Z", fill: "currentColor" })), this.size === 28 && r(o, { key: "8c9c7ba772a1c3b2eb6400ebbd892d3491844986" }, r("path", { key: "edde01cf4ec72006e9ccadd646541c7bb5ba7b55", d: "M5.83333 19.8332C5.19167 19.8332 4.64236 19.6047 4.18542 19.1478C3.72847 18.6908 3.5 18.1415 3.5 17.4998V10.4998C3.5 9.85817 3.72847 9.30887 4.18542 8.85192C4.64236 8.39498 5.19167 8.1665 5.83333 8.1665H22.1667C22.8083 8.1665 23.3576 8.39498 23.8146 8.85192C24.2715 9.30887 24.5 9.85817 24.5 10.4998V17.4998C24.5 18.1415 24.2715 18.6908 23.8146 19.1478C23.3576 19.6047 22.8083 19.8332 22.1667 19.8332H5.83333ZM5.83333 17.4998H22.1667V10.4998H5.83333V17.4998Z", fill: "currentColor" })));
  }
};
d.style = t();
export {
  d as swirl_icon_ratio_sixteen_to_nine
};
