import React from 'react';

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

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconBasket = (props: IProps) => (
    <SVG {...props.svg}>
        <path
            fillRule="evenodd"
            d="M4 9.00022H5.99978C6.00007 9.36676 6.20262 9.71956 6.55279 9.89465C7.04676 10.1416 7.64744 9.94141 7.89443 9.44743L8.11803 9.00022H15.882L16.1056 9.44743C16.3526 9.94141 16.9532 10.1416 17.4472 9.89465C17.7974 9.71956 17.9999 9.36676 18.0002 9.00022H20V11.0002H4V9.00022ZM17.118 7.00022H20C21.1046 7.00022 22 7.89565 22 9.00022V11.0002C22 11.8402 21.4821 12.5593 20.7482 12.8556C20.7516 12.9033 20.7534 12.9516 20.7534 13.0002C20.7534 13.1461 20.7374 13.2916 20.7058 13.4341L19.1502 20.4341C18.9469 21.3492 18.1352 22.0002 17.1978 22.0002H6.80217C5.86477 22.0002 5.05315 21.3492 4.8498 20.4341L3.29424 13.4341C3.25095 13.2392 3.23767 13.0447 3.25134 12.8554C2.51767 12.559 2 11.8401 2 11.0002V9.00022C2 7.89565 2.89543 7.00022 4 7.00022H6.88197L9.10557 2.55301C9.35256 2.05903 9.95323 1.8588 10.4472 2.10579C10.9412 2.35278 11.1414 2.95345 10.8944 3.44743L9.11803 7.00022H14.882L13.1056 3.44743C12.8586 2.95345 13.0588 2.35278 13.5528 2.10579C14.0468 1.8588 14.6474 2.05903 14.8944 2.55301L17.118 7.00022ZM5.24662 13.0002H18.7534L17.1978 20.0002H6.80217L5.24662 13.0002Z"
            clipRule="evenodd"
        />
    </SVG>
);

export default IconBasket;