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

const Notification = (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="M18.82 17.11H5.18c-.415 0-.795-.205-1.02-.555a1.21 1.21 0 0 1-.09-1.16l1.355-3.54V8.58c0-4.055 2.52-6.58 6.58-6.58 4.32 0 6.58 3.31 6.58 6.58v3.275l1.37 3.575c.155.345.12.775-.105 1.125-.225.345-.61.555-1.02.555zm-.23-1.14.01.025zm-13.17-.025v.01zm.115-.295H18.47l-1.305-3.39a.8.8 0 0 1-.05-.26V8.59c0-2.465-1.6-5.115-5.115-5.115-3.25 0-5.115 1.865-5.115 5.115V12c0 .09-.015.18-.05.26l-1.3 3.395z"
            />
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M12 21.985a3.17 3.17 0 0 1-3.165-3.165A3.17 3.17 0 0 1 12 15.655a3.17 3.17 0 0 1 3.165 3.165A3.17 3.17 0 0 1 12 21.985Zm0-4.875c-.94 0-1.705.765-1.705 1.705S11.06 20.52 12 20.52s1.705-.765 1.705-1.705S12.94 17.11 12 17.11Z"
            />
        </svg>
    );
};

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