import React from "react";
import { Svg, SvgProps } from "../../Svg";

export const TriangleDown = (props: SvgProps) => {
  return (
    <Svg width="10" height="9" viewBox="0 0 10 9" {...props}>
      <path
        fill="currentColor"
        d="M4.38699 8.64C4.65944 9.12 5.34056 9.12 5.61301 8.64L9.90411 1.08C10.1766 0.599999 9.836 -3.57628e-07 9.2911 -3.57628e-07H0.708903C0.164002 -3.57628e-07 -0.176561 0.599999 0.0958897 1.08L4.38699 8.64Z"
      />
    </Svg>
  );
};

export const TriangleUp = (props: SvgProps) => {
  return (
    <Svg width="10" height="9" viewBox="0 0 10 9" {...props}>
      <path
        fill="currentColor"
        d="M4.38699 0.36C4.65944 -0.12 5.34056 -0.12 5.61301 0.36L9.90411 7.92C10.1766 8.4 9.836 9 9.2911 9H0.708903C0.164002 9 -0.176561 8.4 0.0958897 7.92L4.38699 0.36Z"
      />
    </Svg>
  );
};
