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: "9fd9758b32a71db49f985e4bf37b1b6e51411b83", "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: "4fc56e0179ab8621063bf65fc7411f994c254ea0" }, r("path", { key: "c5c180df662ca4c85a240831849cbe7bff5a8922", d: "M6.66665 9.45L7.33331 8L8.78331 7.33333L7.33331 6.66667L6.66665 5.21667L5.99998 6.66667L4.54998 7.33333L5.99998 8L6.66665 9.45ZM6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && r(o, { key: "d8e411677967f9a6144689026d59635cc6c497de" }, r("path", { key: "833e5f799437515f1d9a914b4cc311a0ca62155f", d: "M10 14.175L11 12L13.175 11L11 10L10 7.825L9 10L6.825 11L9 12L10 14.175ZM10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" })), this.size === 28 && r(o, { key: "04d576aa7af6eeee5f41f2f83b3801af777e1d7a" }, r("path", { key: "ebca3ff0d97e12cff7104bb58e1828483cbc07c7", d: "M11.6667 16.5375L12.8333 14L15.3708 12.8333L12.8333 11.6667L11.6667 9.12917L10.5 11.6667L7.96251 12.8333L10.5 14L11.6667 16.5375ZM11.6667 22.1667L8.75001 15.75L2.33334 12.8333L8.75001 9.91667L11.6667 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6667 22.1667ZM21 24.5L19.5417 21.2917L16.3333 19.8333L19.5417 18.375L21 15.1667L22.4583 18.375L25.6667 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })));
  }
};
d.style = t();
export {
  d as swirl_icon_ai
};
