@cerberus-design/react/build/modern/chunk-4XTYDXVV.js

The Cerberus Design React component library.

import {
  Show
} from "./chunk-NUXMADXV.js";

// src/components/deprecated/NavMenuLink.tsx
import { css, cx } from "styled-system/css";
import { jsx } from "react/jsx-runtime";
function NavMenuLink(props) {
  const { as, ...nativeProps } = props;
  const hasAs = Boolean(as);
  const AsSub = as;
  return /* @__PURE__ */ jsx(
    "li",
    {
      className: css({
        w: "full"
      }),
      children: /* @__PURE__ */ jsx(
        Show,
        {
          when: hasAs,
          fallback: /* @__PURE__ */ jsx(
            "a",
            {
              ...nativeProps,
              className: cx(
                nativeProps.className,
                css({
                  color: "action.navigation.initial",
                  textStyle: "link",
                  _hover: {
                    color: "action.navigation.hover"
                  }
                })
              )
            }
          ),
          children: hasAs && /* @__PURE__ */ jsx(AsSub, { ...nativeProps })
        }
      )
    }
  );
}

export {
  NavMenuLink
};
//# sourceMappingURL=chunk-4XTYDXVV.js.map