import * as React from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const Shop = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        stroke = Icon40PropValues.stroke,
        fill = Icon40PropValues.fill,
        ...restProps
    } = props;

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M19 6H4.5A1.5 1.5 0 0 0 3 7.5V20a1.5 1.5 0 0 0 1.5 1.5H19a1.5 1.5 0 0 0 1.5-1.5V7.5A1.5 1.5 0 0 0 19 6Zm0 14H4.5V7.5H19zM16.25 9.75a4.5 4.5 0 1 1-9 0 .75.75 0 0 1 1.5 0 3 3 0 0 0 6 0 .75.75 0 1 1 1.5 0Z"
            />
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M8.568 3.318A4.5 4.5 0 0 0 7.25 6.5a.75.75 0 0 0 1.5 0 3 3 0 1 1 6 0 .75.75 0 1 0 1.5 0 4.5 4.5 0 0 0-7.682-3.182Z"
            />
        </svg>
    );
};

Shop.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default Shop;