import React from 'react';
import { Flex } from 'rebass';

const ShoppingBag = props => {
  return (
    <Flex {...props} justifyContent="center">
      <svg
        width={
          props.width && !Array.isArray(props.width) ? props.width : '100%'
        }
        height={
          props.height && !Array.isArray(props.width) ? props.height : '100%'
        }
        aria-hidden="true"
        focusable="false"
        data-prefix="fas"
        data-icon="shopping-bag"
        className="svg-inline--fa fa-shopping-bag fa-w-14"
        role="img"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 448 512"
      >
        <path
          fill="currentColor"
          d="M352 160v-32C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128v32H0v272c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V160h-96zm-192-32c0-35.29 28.71-64 64-64s64 28.71 64 64v32H160v-32zm160 120c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zm-192 0c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"
        ></path>
      </svg>
    </Flex>
  );
};

export default ShoppingBag;