import { r as i, h as r, H as t } from "./index.e6beb8d9.js";
import { c as s } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const a = () => ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", o = class {
  constructor(e) {
    i(this, e), this.color = "default";
  }
  render() {
    const e = s("link", `link--color-${this.color}`);
    return r(t, { key: "a42f7ab1e0d1c11fdf0610466d16f3b49a95e590" }, r("a", { key: "2ee2eba58a1e518c769fe674d8cd6d85708f9b1a", class: e, href: this.href, part: "link", target: this.target }, this.label));
  }
};
o.style = a();
export {
  o as swirl_link
};
