import { r as i, h as r, H as t } from "./index.61732cef.js";
import { c as s } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const o = () => ":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)}", a = class {
  constructor(e) {
    i(this, e), this.color = "default";
  }
  render() {
    const e = s("link", `link--color-${this.color}`);
    return r(t, { key: "d7950d3df9fa9e79ca42a7f367449c313e20bc11" }, r("a", { key: "6e93dcb94895d41cf29eb36110ee1800685b9e3e", class: e, href: this.href, part: "link", target: this.target }, this.label));
  }
};
a.style = o();
export {
  a as swirl_link
};
