import React from 'react';
import PropTypes from 'prop-types';
import { a as theme } from '../../chunk-aeb80e51.js';
import Icon from '../Icon/index.js';
import { a as classCallCheck, b as createClass, c as defineProperty, d as inherits, e as objectWithoutProperties, f as possibleConstructorReturn, g as slicedToArray, h as _typeof, i as _extends } from '../../chunk-aad905a2.js';
import '../../chunk-566df01b.js';

var Arrow = function Arrow(props) {
  return React.createElement(
    Icon,
    _extends({ name: 'arrow' }, props),
    function (_ref) {
      var primary = _ref.primary,
          secondary = _ref.secondary,
          background = _ref.background,
          broder = _ref.broder;
      return React.createElement(
        'g',
        { fill: primary },
        React.createElement('path', { d: 'M7 18.12L13.18 12L7 5.88L8.903 4L17 12L8.903 20L7 18.12Z' })
      );
    }
  );
};

var colorPropType = PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
  primary: PropTypes.string,
  secondary: PropTypes.string,
  border: PropTypes.string,
  background: PropTypes.string
})]);

Arrow.defaultProps = {
  color: theme.palette.gery80,
  hoverColor: theme.palette.black,
  disabledColor: theme.palette.grey80,
  activeColor: theme.palette.black
};

Arrow.propTypes = {
  color: colorPropType,
  disabledColor: colorPropType,
  activeColor: colorPropType,
  hoverColor: colorPropType
};

export default Arrow;
//# sourceMappingURL=index.js.map
