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

React component library

import { jsx as d } from "react/jsx-runtime";
import { forwardRef as h } from "react";
import { P as o } from "./index-S5Cd7WrG.js";
import { n as f } from "./emotion-styled.browser.esm-CjCaF13H.js";
import { c as y, b as t } from "./utils-DtRLzzTZ.js";
import { u } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
const g = f.a`
  ${(e) => y(
  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")};
  }
`, p = h((e, r) => {
  const {
    //----------------
    className: a = "",
    style: s = {},
    color: n = "primary",
    size: m = "small",
    children: i,
    ...l
  } = e, c = {
    theme: u(),
    size: m,
    color: n,
    className: "lnc-ui-link " + a,
    style: s
  };
  return /* @__PURE__ */ d(g, { ref: r, ...c, ...l, children: i });
});
p.propTypes = {
  //---------------------------------------------------------------
  className: o.string,
  style: o.object,
  color: o.oneOf([
    "primary",
    "secondary",
    "success",
    "warning",
    "danger",
    "information",
    "neutral",
    "gray"
  ]),
  size: o.oneOf(["small", "medium", "large"])
};
export {
  p as default
};