import React from 'react'

import { Props } from './props.type.js'

export const Bag: React.FC<Props> = ({ width = 152, height = 152 }) => (
  <svg width={width} height={height} viewBox="0 0 152 152" fill="none" xmlns="http://www.w3.org/2000/svg">
    <circle cx="76" cy="76" r="76" fill="white" />
    <path d="M37.75 56.9629C37.75 56.5487 38.0858 56.2129 38.5 56.2129H113.5C113.914 56.2129 114.25 56.5487 114.25 56.9629V117.763C114.25 119.558 112.795 121.013 111 121.013H41C39.2051 121.013 37.75 119.558 37.75 117.763V56.9629Z" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <path fillRule="evenodd" clipRule="evenodd" d="M56.0651 109.102C55.7245 108.868 55.2755 108.868 54.9349 109.102L53.4009 110.152C52.8355 110.54 52.0568 110.256 51.8726 109.596L51.3729 107.805C51.2619 107.408 50.918 107.119 50.5071 107.079L48.6567 106.898C47.9746 106.831 47.5603 106.113 47.8435 105.489L48.6118 103.796C48.7824 103.42 48.7045 102.978 48.4156 102.683L47.1145 101.355C46.6349 100.865 46.7788 100.049 47.3969 99.7532L49.0738 98.9501C49.4462 98.7717 49.6706 98.3829 49.6389 97.9713L49.496 96.1175C49.4433 95.4342 50.078 94.9015 50.7418 95.0721L52.5427 95.5348C52.9425 95.6375 53.3644 95.4839 53.6047 95.1482L54.6868 93.6362C55.0857 93.0789 55.9143 93.0789 56.3132 93.6362L57.3953 95.1482C57.6356 95.4839 58.0575 95.6375 58.4573 95.5348L60.2581 95.0721C60.9219 94.9015 61.5567 95.4342 61.504 96.1175L61.3611 97.9713C61.3293 98.3829 61.5538 98.7717 61.9262 98.9501L63.6031 99.7532C64.2212 100.049 64.3651 100.865 63.8855 101.355L62.5844 102.683C62.2955 102.978 62.2175 103.42 62.3881 103.796L63.1565 105.489C63.4397 106.113 63.0254 106.831 62.3433 106.898L60.4929 107.079C60.082 107.119 59.738 107.408 59.6271 107.805L59.1274 109.596C58.9431 110.256 58.1645 110.54 57.5991 110.152L56.0651 109.102Z" fill="#3040D6" fillOpacity="0.2" />
    <path fillRule="evenodd" clipRule="evenodd" d="M93.7812 61.3623C93.7812 60.2577 94.6767 59.3623 95.7812 59.3623H109.6C110.429 59.3623 111.1 60.0339 111.1 60.8623V116.204C111.1 117.308 110.205 118.204 109.1 118.204H95.7813C94.6767 118.204 93.7812 117.308 93.7812 116.204V61.3623Z" fill="#3040D6" fillOpacity="0.05" />
    <path d="M37.818 56.175L39.6376 35.25H112.362L114.182 56.175H37.818Z" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <path d="M40.2845 35.25H111.715L105.584 45.3225L105.314 45.7659L105.634 46.1747L113.461 56.175H38.5393L46.3656 46.1747L46.6855 45.7659L46.4156 45.3225L40.2845 35.25Z" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <circle cx="64.3" cy="67.1623" r="2.925" stroke="#3B3552" strokeWidth="1.5" />
    <circle cx="87.6999" cy="67.1623" r="2.925" stroke="#3B3552" strokeWidth="1.5" />
    <path d="M87.6998 70.0879V80.8129C87.6998 87.2746 82.4615 92.5129 75.9998 92.5129V92.5129C69.5381 92.5129 64.2998 87.2746 64.2998 80.8129V70.0879" stroke="#3B3552" strokeWidth="1.5" />
    <path fillRule="evenodd" clipRule="evenodd" d="M45.6863 39.4191C45.2942 38.7525 45.7748 37.9121 46.5482 37.9121H105.451C106.225 37.9121 106.705 38.7525 106.313 39.4191L102.463 45.9649C102.372 46.1186 102.325 46.2936 102.325 46.4719V53.028C102.325 53.5803 101.877 54.028 101.325 54.028H50.6748C50.1225 54.028 49.6748 53.5803 49.6748 53.028V46.4719C49.6748 46.2936 49.6271 46.1186 49.5367 45.9649L45.6863 39.4191Z" fill="#3040D6" />
    <path d="M76.0896 25V40.3495" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M55.5 129.5H72.5" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M77.1944 129.5H83.8056" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M96.1796 31.4453L88.5049 44.7384" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M56 31.4453L63.6748 44.7384" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
  </svg>
)

export default Bag
