interface ISvgProps {
  size?: number;
  className?: string;
}

const CannedResponseIcon = (props: ISvgProps) => (
  <svg
    width={props.size || 18}
    height={props.size || 18}
    viewBox={`${0} ${0} ${props.size || 18} ${props.size || 18}`}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={props?.className}
  >
    <g clipPath="url(#clip0_4070_70030)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.66732 0.833374C7.12755 0.833374 7.50065 1.20647 7.50065 1.66671L5.00065 18.3334C5.00065 18.7936 4.62755 19.1667 4.16732 19.1667C3.70708 19.1667 3.33398 18.7936 3.33398 18.3334L5.83398 1.66671C5.83398 1.20647 6.20708 0.833374 6.66732 0.833374Z"
        fill="currentColor"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M14.9993 0.833374C15.4596 0.833374 15.8327 1.20647 15.8327 1.66671L13.3327 18.3334C13.3327 18.7936 12.9596 19.1667 12.4993 19.1667C12.0391 19.1667 11.666 18.7936 11.666 18.3334L14.166 1.66671C14.166 1.20647 14.5391 0.833374 14.9993 0.833374Z"
        fill="currentColor"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M19.1673 5.83333C19.1673 6.29357 18.7942 6.66667 18.334 6.66667H1.66732C1.20708 6.66667 0.833984 6.29357 0.833984 5.83333C0.833984 5.37309 1.20708 5 1.66732 5H18.334C18.7942 5 19.1673 5.3731 19.1673 5.83333Z"
        fill="currentColor"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M19.1673 14.1667C19.1673 14.627 18.7942 15 18.334 15H1.66732C1.20708 15 0.833984 14.627 0.833984 14.1667C0.833984 13.7065 1.20708 13.3334 1.66732 13.3334H18.334C18.7942 13.3334 19.1673 13.7065 19.1673 14.1667Z"
        fill="currentColor"
      />
    </g>
    <defs>
      <clipPath id="clip0_4070_70030">
        <rect width={props.size || 18} height={props.size || 18} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
export default CannedResponseIcon;