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
      fillRule="evenodd"
      clipRule="evenodd"
      d="M13.3805 19.8527L5.2103 11.6825C3.91744 10.3897 4.4799 8.35123 6.16691 8.21566C6.91375 8.15564 7.60388 7.88877 8.16261 7.44394L11.2649 4.9741C12.9377 3.64232 15.292 3.53103 17.3256 4.52725L17.3989 4.45391C18.2854 3.56745 19.7226 3.56745 20.6091 4.45391C21.4956 5.34038 21.4956 6.77763 20.6091 7.6641L20.5358 7.73744C21.532 9.77103 21.4207 12.1253 20.0889 13.7981L17.6191 16.9004C17.1742 17.4591 16.9074 18.1493 16.8474 18.8961C16.7118 20.5831 14.6733 21.1456 13.3805 19.8527ZM11.9268 21.5054C10.8298 21.9095 9.51159 21.6408 8.58819 20.7174C7.66102 19.7902 7.39393 18.465 7.80519 17.3653C7.85056 17.244 7.93934 17.1449 8.04872 17.0755C8.31244 16.9082 8.65696 16.9462 8.8778 17.1671L12.1284 20.4177C12.347 20.6363 12.3898 20.9753 12.2322 21.2413C12.1616 21.3606 12.0569 21.4575 11.9268 21.5054Z"
      fill={fill}
    />
  </svg>
);

export default NotificationSide;
