'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _index = require('./index');

var _index2 = _interopRequireDefault(_index);

var _ButtonCopy = require('../../atoms/buttons/ButtonCopy');

var _ButtonCopy2 = _interopRequireDefault(_ButtonCopy);

require('./display.css');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var IconDisplay = function IconDisplay(props) {
  var name = props.name;

  return _react2.default.createElement(
    'li',
    { style: { width: 180, margin: 10, padding: 10 } },
    _react2.default.createElement(
      'div',
      { className: 'sg-icons-info' },
      _react2.default.createElement(_index2.default, props),
      _react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
          'span',
          null,
          name
        ),
        _react2.default.createElement(_ButtonCopy2.default, { content: name })
      )
    )
  );
};

IconDisplay.propTypes = process.env.NODE_ENV !== "production" ? {
  name: _propTypes2.default.string.isRequired,
  title: _propTypes2.default.string,
  svgWidth: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
  svgHeight: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
  classes: _propTypes2.default.arrayOf(_propTypes2.default.string),
  ariaHidden: _propTypes2.default.bool,
  fill: _propTypes2.default.string
} : {};

exports.default = IconDisplay;
module.exports = exports['default'];