import { forwardRef, SVGProps } from 'react';

type CaretProps = SVGProps<SVGSVGElement>;

type CaretRef = SVGSVGElement;

export const Caret = forwardRef<CaretRef, CaretProps>((delegated, ref) => {
  return (
    <svg ref={ref} width="8" height="8" viewBox="0 0 17 15" fill="none" {...delegated}>
      <path d="M15.463 1.2L8.5 12.685 1.537 1.2h13.925zM1.353.896s0 0 0 0h0z" stroke="#5B5178" strokeWidth={2.4} />
    </svg>
  );
});

Caret.displayName = 'CaretIcon';
