import * as React from "react";
import { SVGProps } from "react";
import PropTypes from "prop-types";

function SvgCommentLines(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      width={36}
      height={36}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <mask
        id="comment-lines_svg__a"
        maskUnits="userSpaceOnUse"
        x={0}
        y={0}
        width={36}
        height={36}
        fill="#000"
      >
        <path fill="#fff" d="M0 0h36v36H0z" />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M2 18C2 9.163 9.163 2 18 2s16 7.163 16 16-7.163 16-16 16H3a1 1 0 0 1-1-1V18Zm6.4-3.4a2 2 0 0 1 2-2h15.2a2 2 0 1 1 0 4H10.4a2 2 0 0 1-2-2Zm2 6.8a2 2 0 1 0 0 4h12a2 2 0 1 0 0-4h-12Z"
        />
      </mask>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2 18C2 9.163 9.163 2 18 2s16 7.163 16 16-7.163 16-16 16H3a1 1 0 0 1-1-1V18Zm6.4-3.4a2 2 0 0 1 2-2h15.2a2 2 0 1 1 0 4H10.4a2 2 0 0 1-2-2Zm2 6.8a2 2 0 1 0 0 4h12a2 2 0 1 0 0-4h-12Z"
        fill="#000"
      />
      <path
        d="M18 0C8.059 0 0 8.059 0 18h4c0-7.732 6.268-14 14-14V0Zm18 18c0-9.941-8.059-18-18-18v4c7.732 0 14 6.268 14 14h4ZM18 36c9.941 0 18-8.059 18-18h-4c0 7.732-6.268 14-14 14v4ZM3 36h15v-4H3v4Zm-3-3a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1H0Zm0-15v15h4V18H0Zm10.4-7.4a4 4 0 0 0-4 4h4v-4Zm15.2 0H10.4v4h15.2v-4Zm4 4a4 4 0 0 0-4-4v4h4Zm-4 4a4 4 0 0 0 4-4h-4v4Zm-15.2 0h15.2v-4H10.4v4Zm-4-4a4 4 0 0 0 4 4v-4h-4Zm4 8.8v-4a4 4 0 0 0-4 4h4Zm0 0h-4a4 4 0 0 0 4 4v-4Zm12 0h-12v4h12v-4Zm0 0v4a4 4 0 0 0 4-4h-4Zm0 0h4a4 4 0 0 0-4-4v4Zm-12 0h12v-4h-12v4Z"
        fill="#fff"
        mask="url(#comment-lines_svg__a)"
      />
    </svg>
  );
}

SvgCommentLines.propTypes = {
  title: PropTypes.string,
};
export default SvgCommentLines;
