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

const Media = props => (
  <svg width="13" height="11" xmlns="http://www.w3.org/2000/svg" {...props}>
    <path
      d="M4.333 3.033c0 .361-.126.668-.379.921s-.56.38-.92.38c-.362 0-.669-.127-.921-.38a1.254 1.254 0 01-.38-.92c0-.362.127-.669.38-.921.252-.253.56-.38.92-.38.361 0 .668.127.921.38.253.252.38.56.38.92zm6.934 2.6v3.034H1.733v-1.3L3.9 5.2l1.083 1.083L8.45 2.817l2.817 2.816zm.65-4.766H1.083A.208.208 0 00.931.93a.208.208 0 00-.064.152v8.234c0 .058.021.11.064.152a.208.208 0 00.152.064h10.834c.058 0 .11-.021.152-.064a.208.208 0 00.064-.152V1.083a.208.208 0 00-.064-.152.208.208 0 00-.152-.064zM13 1.083v8.234c0 .298-.106.553-.318.765a1.043 1.043 0 01-.765.318H1.083c-.298 0-.553-.106-.765-.318A1.043 1.043 0 010 9.317V1.083C0 .785.106.53.318.318.53.106.785 0 1.083 0h10.834c.298 0 .553.106.765.318.212.212.318.467.318.765z"
      fill={props.fill}
      fillRule="nonzero"
    />
  </svg>
);

Media.defaultProps = {
  fill: '#fff',
};

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

export default Media;