@lanaco/lnc-react-ui/dist/Link.js

React component library

import { jsx as n } from "react/jsx-runtime";
import { forwardRef as h } from "react";
import { s as d } from "./emotion-styled.browser.esm-DfbrHHed.js";
import { d as f, c as t } from "./utils-BUdHa0nB.js";
import { u as k } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
const u = d.a`
  ${(e) => f(
  e.theme,
  "Breadcrumbs",
  e.size,
  "enabled"
)};
  color: ${(e) => t(e.theme, "Link", e.color, "enabled", "text")};
  text-decoration: none;

  &:hover {
    color: ${(e) => t(e.theme, "Link", e.color, "hover", "text")};
  }
  &:active {
    color: ${(e) => t(e.theme, "Link", e.color, "active", "text")};
  }
  &:visited {
    color: ${(e) => t(e.theme, "Link", e.color, "visited", "text")};
  }
`, g = h((e, o) => {
  const {
    //----------------
    className: r = "",
    style: m = {},
    color: i = "primary",
    size: l = "small",
    children: s,
    ...a
  } = e, c = {
    theme: k(),
    size: l,
    color: i,
    className: "lnc-ui-link " + r,
    style: m
  };
  return /* @__PURE__ */ n(u, { ref: o, ...c, ...a, children: s });
});
export {
  g as default
};