import { r as c, h as e, F as o } from "./index.61732cef.js";
import { c as s } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const d = () => ":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)}", t = class {
  constructor(r) {
    c(this, r), this.size = 24;
  }
  render() {
    const r = this.size === 20 ? 24 : this.size, a = {
      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
    }, i = s("swirl-icon", `swirl-icon--size-${this.size}`);
    return e("svg", { key: "3da31d9292af46d88f03978d8cab6cddd889b772", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${r} ${r}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(o, { key: "7eefbfa5842739f0c31f6dc5b9d485a512aec098" }, e("path", { key: "5d6c2c2777ea3697900f740e47b0be8622cc6749", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 3.99984C14 3.26346 13.403 2.6665 12.6667 2.6665H3.33333C2.59695 2.6665 2 3.26346 2 3.99984V11.9998C2 12.7362 2.59695 13.3332 3.33333 13.3332H12.6667C13.403 13.3332 14 12.7362 14 11.9998V3.99984ZM12.6667 3.99984H3.33333L3.33333 11.9998H4.66667V6.6665C4.66667 5.93012 5.26362 5.33317 6 5.33317H12.6667V3.99984ZM8.66667 11.9998H12.6667V6.6665H8.66667V11.9998ZM7.33333 6.6665H6V11.9998H7.33333V6.6665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(o, { key: "764859752912e497dae168099f04bb4baa1c4ad1" }, e("path", { key: "41b9d85ece32036f45cd77f3719cf55d07e7b302", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 6C21 4.89543 20.1046 4 19 4H5C3.89543 4 3 4.89543 3 6V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V6ZM19 6H5L5 18H7V10C7 8.89543 7.89543 8 9 8H19V6ZM13 18H19V10H13V18ZM11 10H9V18H11V10Z", fill: "currentColor" })), this.size === 28 && e(o, { key: "bd84573739fab8b88220de2872e5e8e6c2239811" }, e("path", { key: "c9cddfe184803c8ed2877e557d69e9a6f70a8f4d", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M24.5 6.99984C24.5 5.71117 23.4553 4.6665 22.1667 4.6665H5.83333C4.54467 4.6665 3.5 5.71117 3.5 6.99984V20.9998C3.5 22.2885 4.54467 23.3332 5.83333 23.3332H22.1667C23.4553 23.3332 24.5 22.2885 24.5 20.9998V6.99984ZM22.1667 6.99984H5.83333L5.83333 20.9998H8.16667V11.6665C8.16667 10.3778 9.21134 9.33317 10.5 9.33317H22.1667V6.99984ZM15.1667 20.9998H22.1667V11.6665H15.1667V20.9998ZM12.8333 11.6665H10.5V20.9998H12.8333V11.6665Z", fill: "currentColor" })));
  }
};
t.style = d();
export {
  t as swirl_icon_aspect_ratio
};
