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

const Cup = (props) => {
    const {
        width = Icon48PropValues.width,
        height = Icon48PropValues.height,
        stroke = Icon48PropValues.stroke,
        ...restProps
    } = props;

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 48 48"
            width={width}
            height={height}
            fill="none"
            {...restProps}
        >
            <path
                stroke={stroke}
                fill="none"
                strokeMiterlimit={10}
                strokeWidth={2.6}
                d="M30.182 44.871H18.818c-.602 0-1.136-.52-1.136-1.13l-2.273-25.968h18.182l-2.273 25.969c0 .576-.534 1.129-1.136 1.129Z"
            />
            <path
                fill="none"
                stroke={stroke}
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth={2.6}
                d="M13.136 17.773h22.728M33.59 17.773H15.41l.92-3.658c.125-.52.602-.87 1.136-.858h14.102a1.134 1.134 0 0 1 1.137.858zM24.443 34.71c1.883 0 3.41-1.517 3.41-3.388s-1.527-3.387-3.41-3.387-3.409 1.516-3.409 3.387 1.526 3.387 3.41 3.387"
            />
            <path
                fill="none"
                stroke={stroke}
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth={2.6}
                d="m25.636 13.257 2.569-8.513a2.27 2.27 0 0 1 2.83-1.513c.18.056.363.135.522.225l3.17 1.897"
            />
        </svg>
    );
};

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