@vtex/styleguide/lib/icon/Check/index.js

> VTEX Styleguide React components ([Docs](https://vtex.github.io/styleguide))

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _config = require('vtex-tachyons/config.json');

var _config2 = _interopRequireDefault(_config);

var _utils = require('../utils');

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

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var iconBase = {
  width: 16,
  height: 13
};

var Check = function (_PureComponent) {
  _inherits(Check, _PureComponent);

  function Check() {
    _classCallCheck(this, Check);

    return _possibleConstructorReturn(this, (Check.__proto__ || Object.getPrototypeOf(Check)).apply(this, arguments));
  }

  _createClass(Check, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          color = _props.color,
          size = _props.size,
          block = _props.block;

      var newSize = (0, _utils.calcIconSize)(iconBase, size);

      return _react2.default.createElement(
        'svg',
        {
          className: (0, _utils.baseClassname)('check') + ' ' + (block ? 'db' : ''),
          width: newSize.width,
          height: newSize.height,
          viewBox: '0 0 16 13',
          fill: 'none',
          xmlns: 'http://www.w3.org/2000/svg'
        },
        _react2.default.createElement('path', {
          d: 'M5.6 8L3.10711 5.50711C2.71658 5.11658 2.08342 5.11658 1.69289 5.50711L0.707107 6.49289C0.316583 6.88342 0.316583 7.51658 0.707107 7.90711L4.89289 12.0929C5.28342 12.4834 5.91658 12.4834 6.30711 12.0929L15.2929 3.10711C15.6834 2.71658 15.6834 2.08342 15.2929 1.69289L14.3071 0.707107C13.9166 0.316583 13.2834 0.316583 12.8929 0.707107L5.6 8Z',
          fill: color
        })
      );
    }
  }]);

  return Check;
}(_react.PureComponent);

Check.defaultProps = {
  color: _config2.default.colors['serious-black'],
  size: 16,
  block: false
};

Check.propTypes = {
  color: _propTypes2.default.string,
  size: _propTypes2.default.number,
  block: _propTypes2.default.bool
};

exports.default = Check;