import React from "react"
import { IconProps } from "./types"
import { defaultTheme } from "@/lib"

export default function StarIcon({
  width = 11,
  height = 11,
  color = defaultTheme.colors.success,
}: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 11 11"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M10.1294 4.69282C7.21263 3.88715 6.69784 3.37221 5.89315 0.456572C5.81842 0.186847 5.57206 3.77086e-05 5.29299 3.76842e-05C5.01392 3.76599e-05 4.76639 0.186859 4.69282 0.456572C3.88832 3.37218 3.37337 3.88724 0.456573 4.69282C0.186848 4.76755 3.86342e-05 5.01275 3.86097e-05 5.29299C3.85852e-05 5.57322 0.186861 5.81842 0.456573 5.89315C3.37334 6.69882 3.88814 7.21377 4.69282 10.1294C4.76638 10.3991 5.01275 10.5859 5.29299 10.5859C5.57322 10.5859 5.81842 10.3991 5.89315 10.1294C6.69882 7.21263 7.21377 6.69873 10.1294 5.89315C10.3991 5.81842 10.5859 5.57322 10.5859 5.29299C10.5859 5.01275 10.3991 4.76755 10.1294 4.69282Z"
        fill={color}
      />
    </svg>
  )
}