import { r as c, 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 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(e) {
    c(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
    }, i = s("swirl-icon", `swirl-icon--size-${this.size}`);
    return r("svg", { key: "5adaa95c3eaf8f0e3c0671e4173da69fc92d339c", "aria-hidden": "true", class: i, 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: "88acf1d1814c15f9baa1dcf8c868dd32649a9a8d" }, r("path", { key: "795456f5bbff74be7a66d69fffb13f6df476fd96", d: "M7.99998 12L5.19998 13.2C4.75554 13.3889 4.33331 13.3528 3.93331 13.0917C3.53331 12.8306 3.33331 12.4611 3.33331 11.9833V3.33333C3.33331 2.96667 3.46387 2.65278 3.72498 2.39167C3.98609 2.13056 4.29998 2 4.66665 2H11.3333C11.7 2 12.0139 2.13056 12.275 2.39167C12.5361 2.65278 12.6666 2.96667 12.6666 3.33333V11.9833C12.6666 12.4611 12.4666 12.8306 12.0666 13.0917C11.6666 13.3528 11.2444 13.3889 10.8 13.2L7.99998 12Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && r(a, { key: "02e83c1084d7a5902200a55de5d386afee9190e5" }, r("path", { key: "fd3523d8fe061a2d303d4df04d798ec27a4cd83e", d: "M12 18L7.8 19.8C7.13333 20.0833 6.5 20.0292 5.9 19.6375C5.3 19.2458 5 18.6917 5 17.975V5C5 4.45 5.19583 3.97917 5.5875 3.5875C5.97917 3.19583 6.45 3 7 3H17C17.55 3 18.0208 3.19583 18.4125 3.5875C18.8042 3.97917 19 4.45 19 5V17.975C19 18.6917 18.7 19.2458 18.1 19.6375C17.5 20.0292 16.8667 20.0833 16.2 19.8L12 18Z", fill: "currentColor" })), this.size === 28 && r(a, { key: "90b76345aa1e0938557fc6610cebd973e6b7495d" }, r("path", { key: "16e95ce3aa4ca89ece79da2fad8db2610d5738d6", d: "M14 21L9.10001 23.1C8.32223 23.4306 7.58334 23.3674 6.88334 22.9104C6.18334 22.4535 5.83334 21.8069 5.83334 20.9708V5.83333C5.83334 5.19167 6.06182 4.64236 6.51876 4.18542C6.9757 3.72847 7.52501 3.5 8.16668 3.5H19.8333C20.475 3.5 21.0243 3.72847 21.4813 4.18542C21.9382 4.64236 22.1667 5.19167 22.1667 5.83333V20.9708C22.1667 21.8069 21.8167 22.4535 21.1167 22.9104C20.4167 23.3674 19.6778 23.4306 18.9 23.1L14 21Z", fill: "currentColor" })));
  }
};
t.style = d();
export {
  t as swirl_icon_bookmark_filled
};
