import React from 'react';
import { Icon } from '../Icon/Icon';
import type { IconPropsWithoutChildren } from '../Icon/Icon';

export const QuotesIcon = (props: IconPropsWithoutChildren) => {
  return (
    <Icon {...props}>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
      >
        <path
          fillRule="evenodd"
          d="M7 6C9.20914 6 11 7.79086 11 10 11 13.5653 8.81985 16.6682 5.55262 18.8336L4.44775 17.1664C5.87998 16.2172 7.00481 15.1169 7.77807 13.9244 7.52639 13.974 7.26623 14 7 14 4.79086 14 3 12.2091 3 10 3 7.79086 4.79086 6 7 6ZM9 10C9 11.1046 8.10457 12 7 12 5.89543 12 5 11.1046 5 10 5 8.89543 5.89543 8 7 8 8.10457 8 9 8.89543 9 10ZM17.7781 13.9244C17.5264 13.974 17.2662 14 17 14 14.7909 14 13 12.2091 13 10 13 7.79086 14.7909 6 17 6 19.2091 6 21 7.79086 21 10 21 13.5653 18.8199 16.6682 15.5526 18.8336L14.4478 17.1664C15.88 16.2172 17.0048 15.1169 17.7781 13.9244ZM19 10C19 11.1046 18.1046 12 17 12 15.8954 12 15 11.1046 15 10 15 8.89543 15.8954 8 17 8 18.1046 8 19 8.89543 19 10Z"
          clipRule="evenodd"
        />
      </svg>
    </Icon>
  );
};
