import React from "react";
import { IconProps } from "./types";

export const StarIcon: React.FC<IconProps> = ({
  color = "currentColor",
  borderColor = "currentColor",
  className,
  onKeyDown,
  onClick,
  onMouseEnter,
  onMouseLeave,
  ref,
  ...rest
}) => {
  return (
    <svg
      className={className}
      width="22"
      height="21"
      viewBox="0 0 22 21"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      {...rest}
    >
      <path
        d="M5.87651 13.0256L1.07398 8.35501L7.66686 7.38265C7.82916 7.35871 7.96939 7.25669 8.0421 7.10963L11 1.128L13.9579 7.10963C14.0306 7.25669 14.1708 7.35871 14.3331 7.38265L20.9324 8.35595L16.1775 13.0273C16.061 13.1418 16.0077 13.306 16.0349 13.4671L17.1512 20.0873L11.2328 16.9735C11.0871 16.8968 10.9129 16.8968 10.7672 16.9735L4.85685 20.083L6.02035 13.4706C6.04904 13.3076 5.99518 13.141 5.87651 13.0256Z"
        stroke={borderColor}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};