import React from 'react';

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

export const LocationIcon = forwardRef<typeof Icon>(
  function LocationIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M10.86 18.6C12.73 16.33 17 10.85 17 7.77A6.89 6.89 0 0 0 10 1C6.14 1 3 4.03 3 7.77c0 3.08 4.27 8.56 6.14 10.83.44.53 1.28.53 1.72 0ZM10 5.5c.62 0 1.21.24 1.65.66a2.22 2.22 0 0 1 0 3.2 2.37 2.37 0 0 1-3.3 0 2.22 2.22 0 0 1 0-3.2A2.37 2.37 0 0 1 10 5.51Z"
          />
        </svg>
      </Icon>
    );
  },
);