@telia/styleguide/atoms/IconLink/IconLink.js

This is a living styleguide, showing the Atomic Design components which should be used in Telia Norway's web applications to achieve a common look & feel, and therefore user experience.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames2 = _interopRequireDefault(require("classnames"));

var _SvgIcon = _interopRequireDefault(require("../../atoms/SvgIcon/SvgIcon"));

var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));

/**
 * Status: *finished*.
 */
var IconLink = function IconLink(_ref) {
  var className = _ref.className,
      iconName = _ref.iconName,
      rest = (0, _objectWithoutProperties2.default)(_ref, ["className", "iconName"]);
  return _react.default.createElement("a", (0, _extends2.default)({
    className: (0, _classnames2.default)('icon-link', (0, _defineProperty2.default)({}, className, className)),
    "aria-label": (0, _upperFirst.default)(iconName)
  }, rest), _react.default.createElement(_SvgIcon.default, {
    iconName: iconName,
    color: "black",
    className: "icon-link__icon"
  }));
};

IconLink.propTypes = process.env.NODE_ENV !== "production" ? {
  /** One of 'download', 'linkedIn' or 'twitter'. */
  iconName: _propTypes.default.oneOf(['ico_download', 'linkedin_icon', 'twitter_icon'])
} : {};
var _default = IconLink;
exports.default = _default;