import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const RetryIcon = forwardRef<typeof Icon>(
  function RetryIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            fillRule="evenodd"
            d="M10 3.5A6.5 6.5 0 0 0 3.5 10h-2a8.5 8.5 0 0 1 15.84-4.28l.9-2.72 1.51.5-1.68 5.04H13V6.96h2.75A6.52 6.52 0 0 0 10 3.5Zm0 13a6.5 6.5 0 0 0 6.5-6.5h2a8.5 8.5 0 0 1-15.84 4.28L1.76 17l-1.51-.5 1.68-5.04H7v1.58H4.25A6.5 6.5 0 0 0 10 16.5Z"
            clipRule="evenodd"
          />
        </svg>
      </Icon>
    );
  },
);
