@xo-union/tk-component-header-nav/lib/components/HeaderNav/TopLevelAside/index.js

import React from "react";
import Icon from "@xo-union/tk-component-icons";
import cx from "classnames";
import PropTypes from "prop-types";
import { useHeaderNavContext } from "../Context.js";
const TopLevelAside = _ref => {
  let {
    children
  } = _ref;
  const {
    classes
  } = useHeaderNavContext();
  return /*#__PURE__*/React.createElement("div", {
    className: cx(classes['top-level-nav-right-aside'])
  }, children);
};
process.env.NODE_ENV !== "production" ? TopLevelAside.propTypes = {
  children: PropTypes.node
} : void 0;
export const TopLevelAsideLink = _ref2 => {
  let {
    href,
    className,
    iconName,
    hideLinkInDesktop,
    children
  } = _ref2;
  const {
    classes
  } = useHeaderNavContext();
  return /*#__PURE__*/React.createElement("div", {
    className: cx(classes['top-level-nav-right-aside-link'], className)
  }, /*#__PURE__*/React.createElement("a", {
    href: href,
    "data-trackable": "",
    className: cx(hideLinkInDesktop && classes['hide-link-in-desktop'])
  }, iconName && /*#__PURE__*/React.createElement(Icon, {
    "aria-hidden": "true",
    className: classes.icon,
    name: iconName,
    size: "sm"
  }), children));
};
process.env.NODE_ENV !== "production" ? TopLevelAsideLink.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  href: PropTypes.string,
  iconName: PropTypes.string,
  hideLinkInDesktop: PropTypes.bool
} : void 0;
export default TopLevelAside;