import { appColors } from "@src/themes";
import { useValues } from "@src/utils/context";
import * as React from "react";
import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";

export function ArrowService() {
  const { isDark } = useValues();

  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none">
      <G clipPath="url(#a)">
        <Path
          stroke={isDark ? appColors.whiteColor : appColors.solidBorder}
          strokeLinecap="round"
          strokeLinejoin="round"
          strokeMiterlimit={10}
          strokeWidth={1.5}
          d="m5.94 13.28 4.347-4.346a1.324 1.324 0 0 0 0-1.867L5.94 2.72"
        />
      </G>
      <Defs>
        <ClipPath id="a">
          <Path fill="#fff" d="M0 0h16v16H0z" />
        </ClipPath>
      </Defs>
    </Svg>
  );
}
