import React from 'react';

import { SVG, IProps as IPropsSVG } from '..';

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconTote = (props: IProps) => (
    <SVG {...props.svg}>
        <path
            fillRule="evenodd"
            d="M7.03355 6C7.32754 3.81519 9.51091 2 12 2C14.489 2 16.6724 3.81519 16.9664 6H19.8469C20.9515 6 21.8469 6.89543 21.8469 8C21.8469 8.09464 21.8402 8.18916 21.8268 8.28284L20.1126 20.2828C19.9718 21.2681 19.128 22 18.1327 22H5.86725C4.87195 22 4.02811 21.2681 3.88735 20.2828L2.17307 8.28284C2.01686 7.18937 2.77665 6.17631 3.87012 6.0201C3.96381 6.00672 4.05833 6 4.15296 6H7.03355ZM14.9278 6C14.6238 4.93808 13.398 4 12 4C10.6019 4 9.37606 4.93808 9.07207 6H14.9278ZM4.15296 8H6.99996V10H8.99995V8H15V10H17V8H19.8469L18.1327 20H5.86725L4.15296 8Z"
            clipRule="evenodd"
        />
    </SVG>
);

export default IconTote;
