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

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

    return (
        <svg
            width={width}
            height={height}
            {...restProps}
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
        >
            <path
                d="M2 6V20.5C2 21 2.5 21.5 3 21L6.5 17.5C7 17 7.5 17 8 17H20C21 17 22 16 22 15V6C22 5 21 4 20 4H4C3 4 2 5 2 6Z"
                stroke={stroke}
                strokeWidth="1.8"
            />
            <path d="M7 9H18" stroke={stroke} strokeWidth="1.8" strokeLinecap="round" />
            <path d="M7 12.5H14" stroke={stroke} strokeWidth="1.8" strokeLinecap="round" />
        </svg>
    );
};

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