import React from 'react';

interface MedalStarIconProps extends React.SVGProps<SVGSVGElement> {
  width?: number;
  height?: number;
  strokeColor?: string;
}

const MedalStarIcon: React.FC<MedalStarIconProps> = ({
  width = 7,
  height = 7,
  strokeColor = '#333333',
  ...props
}) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 7 7"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M3.78085 1.81634L4.17419 2.603C4.22752 2.70967 4.36752 2.81634 4.49419 2.83634L5.20752 2.95633C5.66085 3.02967 5.76752 3.363 5.44085 3.68967L4.88752 4.24299C4.79419 4.33633 4.74085 4.51634 4.77419 4.64967L4.93419 5.33634C5.06085 5.87634 4.77419 6.08966 4.29419 5.80299L3.62752 5.40966C3.50752 5.33633 3.30752 5.33633 3.18752 5.40966L2.52085 5.80299C2.04085 6.08299 1.75419 5.87634 1.88085 5.33634L2.04085 4.64967C2.06752 4.523 2.02085 4.33633 1.92752 4.24299L1.37419 3.68967C1.04752 3.363 1.15419 3.03633 1.60752 2.95633L2.32085 2.83634C2.44085 2.81634 2.58085 2.70967 2.63419 2.603L3.02752 1.81634C3.22085 1.38967 3.56752 1.38967 3.78085 1.81634Z"
      stroke={strokeColor}
      strokeWidth="1.1"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export default MedalStarIcon;