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

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

  const colors = isDark ? appColors.whiteColor : appColors.blackColor;

  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={20} height={20} fill="none">
      <Path
        stroke={colors}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={1.5}
        d="M16.25 10.417c0-1.15.933-2.083 2.083-2.083V7.5c0-3.333-.833-4.167-4.166-4.167H5.833c-3.333 0-4.166.834-4.166 4.167v.417a2.084 2.084 0 0 1 0 4.167v.416c0 3.334.833 4.167 4.166 4.167h8.334c3.333 0 4.166-.834 4.166-4.167a2.084 2.084 0 0 1-2.083-2.083ZM7.5 12.291l5-5"
      />
      <Path
        stroke={colors}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={2}
        d="M12.495 12.292h.008M7.495 7.708h.008"
      />
    </Svg>
  );
}
