import React from 'react';

import { SVG, IProps as IPropsSVG } from '.';

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconBellChecked = (props: IProps) => (
    <SVG {...props.svg}>
        <path
            fillRule="evenodd"
            d="M16.162 6.522c-.914-1.617-2.473-2.51-4.162-2.51-2.667 0-5 2.206-5 5.984 0 3.117-.706 5.077-2.042 6.53-.21.229-.662.648-.958.92v.56h16v-.561c-.298-.274-.75-.694-.96-.924a6.868 6.868 0 0 1-.906-1.24l1.487-1.488c.235.538.534.985.894 1.378.167.182.621.6.922.878.139.128.245.226.275.256l.288.292v3.409h-6.126a3.94 3.94 0 0 1-1.786 2.407 4.01 4.01 0 0 1-4.176 0c-1.042-.635-1.618-1.345-1.824-2.407H2v-3.409l.288-.292c.033-.033.144-.135.287-.266.301-.278.747-.687.911-.866C4.469 14.104 5 12.63 5 9.996c0-4.069 2.235-6.879 5.135-7.72a2 2 0 0 1 3.73.002c1.485.432 2.796 1.383 3.722 2.753l-1.425 1.49ZM10.18 20.006c.14.263.382.461.775.701.642.392 1.45.392 2.092 0 .297-.181.53-.421.69-.701H10.18Zm9.114-12.713L15 11.586l-2.293-2.293-1.414 1.414L15 14.414l5.707-5.707-1.414-1.414Z"
            clipRule="evenodd"
        />
    </SVG>
);

export default IconBellChecked;