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

export function Download() {
  const { isDark } = useValues();
  const colorDark = isDark ? appColors.darkText : appColors.blackColor;
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
      <G
        stroke={colorDark}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={1.5}
        clipPath="url(#a)"
      >
        <Path d="M16.44 8.9c3.6.31 5.07 2.16 5.07 6.21v.13c0 4.47-1.79 6.26-6.26 6.26H8.74c-4.47 0-6.26-1.79-6.26-6.26v-.13c0-4.02 1.45-5.87 4.99-6.2M12 2v12.88" />
        <Path d="M15.35 12.65 12 16l-3.35-3.35" />
      </G>
      <Defs>
        <ClipPath id="a">
          <Path fill="#fff" d="M0 0h24v24H0z" />
        </ClipPath>
      </Defs>
    </Svg>
  );
}
