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

type TriangleProps = SVGProps<SVGSVGElement> & {
  width?: number;
  height?: number;
};

type TriangleRef = SVGSVGElement;

export const Triangle = forwardRef<TriangleRef, TriangleProps>((delegated, ref) => {
  const { width = 20, height = 20, ...rest } = delegated;

  return (
    <svg
      viewBox="0 0 17 15"
      width={width}
      height={height}
      ref={ref}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...rest}
    >
      <path d="M15.463 1.2L8.5 12.685 1.537 1.2h13.925zM1.353.896s0 0 0 0h0z" stroke="currentColor" strokeWidth={2.4} />
    </svg>
  );
});
