import React from 'react';

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

export const SearchIcon = forwardRef<typeof Icon>(
  function SearchIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="m18.6 16.1-3.59-3.59a7.1 7.1 0 1 0-2 2l3.6 3.6a1.41 1.41 0 0 0 2-2ZM4.87 8.62a4.24 4.24 0 1 1 8.49 0 4.24 4.24 0 0 1-8.49 0Z"
          />
        </svg>
      </Icon>
    );
  },
);
