import React from 'react';

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

export const CloseIcon = forwardRef<typeof Icon>(
  function CloseIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            fillRule="evenodd"
            d="m11.66 9.75 7.05-7.04-1.42-1.42-7.04 7.05-7.04-7.05-1.42 1.42 7.05 7.04-7.05 7.04 1.42 1.42 7.04-7.05 7.04 7.05 1.42-1.42-7.05-7.04Z"
            clipRule="evenodd"
          />
        </svg>
      </Icon>
    );
  },
);