import React from 'react';
import PropTypes from 'prop-types';

const Carret = ({ fill, ...rest }) => (
  <svg
    viewport=" 0 0 7 5"
    width="7"
    height="5"
    {...rest}
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 .469c0 .127.043.237.13.33l3.062 3.28a.407.407 0 0 0 .616 0L6.87.8A.467.467 0 0 0 7 .468a.467.467 0 0 0-.13-.33A.407.407 0 0 0 6.563 0H.438A.407.407 0 0 0 .13.14.467.467 0 0 0 0 .468z"
      fillRule="nonzero"
      fill={fill}
    />
  </svg>
);

Carret.defaultProps = {
  fill: '#333740',
};

Carret.propTypes = {
  fill: PropTypes.string,
};

export default Carret;