@zohodesk/dot/es/v1/setup/header/Link/Link.js

In this Library, we Provide Some Basic Components to Build Your Application

import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import { Icon } from '@zohodesk/icons';
import { Box } from '@zohodesk/components/es/v1/Layout';
import ExternalLink from "../../../ExternalLink/ExternalLink";
import style from "../../../../setup/header/Link/HeaderLink.module.css";
export default function Link(props) {
  let {
    url,
    text,
    iconName,
    iconClass,
    iconSize
  } = props;
  return /*#__PURE__*/React.createElement(ExternalLink, {
    className: style.container,
    href: url
  }, /*#__PURE__*/React.createElement(Box, {
    className: style.icon
  }, /*#__PURE__*/React.createElement(Icon, {
    isBold: true,
    name: iconName,
    size: iconSize,
    iconClass: iconClass ? iconClass : ''
  })), /*#__PURE__*/React.createElement(Box, {
    className: style.text,
    flexible: true
  }, text));
}
Link.defaultProps = defaultProps;
Link.propTypes = propTypes;