/* eslint-disable react/no-array-index-key */

/**
 *
 * IconLinks
 *
 */
import React from 'react';
import PropTypes from 'prop-types';
import { Links as StyledLinks } from '@buffetjs/styles';
import Icon from '../Icon';

function IconLinks(_ref) {
  var links = _ref.links;
  return /*#__PURE__*/React.createElement(StyledLinks, null, links.map(function (_ref2, index) {
    var icon = _ref2.icon,
        onClick = _ref2.onClick;
    return /*#__PURE__*/React.createElement("button", {
      key: index,
      onClick: onClick,
      type: "button"
    }, /*#__PURE__*/React.createElement(Icon, {
      className: "link-icon",
      icon: icon
    }));
  }));
}

IconLinks.defaultProps = {
  links: []
};
IconLinks.propTypes = {
  links: PropTypes.arrayOf(PropTypes.shape({
    icon: PropTypes.node,
    onClick: PropTypes.func
  }))
};
export default IconLinks;