import { forwardRef, type SVGProps } from 'react';

type ChevronIconProps = SVGProps<SVGSVGElement>;

export const Chevron = forwardRef<SVGSVGElement, ChevronIconProps>((delegated, ref) => (
  <svg width="22" height="22" fill="none" viewBox="0 0 22 22" ref={ref} {...delegated}>
    <path
      fill={delegated.fill ?? '#528693'}
      fillRule="evenodd"
      d="m9.763 7.464 3.182 3.182a.5.5 0 0 1 0 .707l-3.182 3.183a.5.5 0 1 1-.708-.708l2.796-2.795v-.066L9.055 8.172a.5.5 0 0 1 .708-.708"
      clipRule="evenodd"
    />
  </svg>
));

Chevron.displayName = 'Chevron';
