import React from 'react';

const NotificationSide = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      d="M9.5025 19.5142C10.4819 20.4935 11.9053 20.7364 13.038 20.2213L8.79539 15.9786C8.28026 17.1113 8.52313 18.5348 9.5025 19.5142Z"
      fill={fill}
    />
    <path
      opacity="0.4"
      d="M4.7103 11.8935L12.8805 20.0636C14.1733 21.3565 16.2118 20.794 16.3474 19.107C16.4074 18.3602 16.6742 17.6701 17.1191 17.1113L19.5889 14.0091C20.9207 12.3363 21.032 9.98197 20.0358 7.94838L20.1091 7.87504C20.9956 6.98857 20.9956 5.55132 20.1091 4.66485C19.2226 3.77838 17.7854 3.77838 16.8989 4.66485L16.8256 4.73819C14.792 3.74197 12.4377 3.85325 10.7649 5.18504L7.66261 7.65488C7.10388 8.09971 6.41375 8.36658 5.66691 8.42659C3.9799 8.56217 3.41744 10.6006 4.7103 11.8935Z"
      fill={fill}
    />
  </svg>
);

export default NotificationSide;
