import React from 'react';

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

const ArrowDownIcon: React.FC<ArrowDownIconProps> = ({
  width = 16,
  height = 16,
  strokeColor = '#999999',
  ...props
}) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M13.2797 5.96655L8.93306 10.3132C8.41973 10.8266 7.57973 10.8266 7.06639 10.3132L2.71973 5.96655"
      stroke={strokeColor}
      strokeWidth="2"
      strokeMiterlimit="10"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export default ArrowDownIcon;
