import React from 'react';
import { Svg, Path } from 'react-native-svg';

import { useTheme } from 'contexts/ThemeContext';
import { themes, colors } from 'constants/styleGuide';

export default function IncognitoSvg({ size = 1, disabled = false }) {
  const { theme } = useTheme();

  const fillColor = theme === themes.light ? colors.light.zodiacBlue : colors.dark.white;

  return (
    <Svg width={size * 22} height={size * 22} viewBox="0 0 22 22" fill="none">
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.3457 13.16C18.7758 13.16 20.7199 15.128 20.7199 17.528C20.6713 19.8799 18.7272 21.7999 16.2971 21.7999C13.9976 21.7999 12.0606 20.0101 11.9298 17.7697L11.9228 17.528V17C11.9228 16.472 11.4853 16.04 10.9507 16.04C10.4606 16.04 10.0522 16.403 9.98754 16.8701L9.97862 17V17.528L9.96904 17.8048C9.88637 19 9.27387 20.1302 8.32611 20.888C6.43058 22.3279 3.7088 22.0399 2.2021 20.1679C0.743996 18.2959 1.03562 15.56 2.93114 14.12C4.82667 12.68 7.54846 12.9679 9.00656 14.8399C10.1244 13.8799 11.7769 13.8799 12.8462 14.8399C13.6725 13.7839 14.9848 13.16 16.3457 13.16ZM5.58458 14.828C4.09341 14.828 2.88458 16.0368 2.88458 17.528C2.88458 19.0191 4.09341 20.228 5.58458 20.228C7.07575 20.228 8.28458 19.0191 8.28458 17.528C8.28458 16.0368 7.07575 14.828 5.58458 14.828ZM16.4 14.78C14.9088 14.78 13.7 15.9888 13.7 17.4799C13.7 18.9711 14.9088 20.18 16.4 20.18C17.8911 20.18 19.0999 18.9711 19.0999 17.4799C19.0999 15.9888 17.8911 14.78 16.4 14.78ZM16.0979 1.71632L16.1749 1.91095L18.785 9.02266H20.9C21.3949 9.02266 21.7999 9.5503 21.7999 10.0988C21.7999 10.5974 21.4652 10.9342 21.0325 10.9913L20.9 11H1.09995C0.604951 11 0.199951 10.6473 0.199951 10.0988C0.199951 9.59601 0.540264 9.11075 0.978258 9.03336L1.09995 9.02266H3.21495L5.82495 1.91095C5.91495 1.7115 6.00495 1.51205 6.13995 1.3126C6.90945 0.175745 8.32875 -0.106102 9.39472 0.638068L9.55995 0.76412L11 1.96081L12.4399 0.76412C12.575 0.614533 12.7999 0.514808 12.9799 0.415084C14.1799 -0.154771 15.5432 0.451265 16.0979 1.71632ZM13.7811 2.22408L13.6825 2.29294L11.6172 3.86629C11.3297 4.07488 10.9344 4.10095 10.62 3.94451L10.4907 3.86629L9.45804 3.07961L8.4254 2.29294C8.37846 2.24527 8.33152 2.19759 8.28458 2.19759C7.9508 2.07045 7.61701 2.20701 7.44806 2.47332L7.39275 2.579L4.92495 9.04245H17.156L14.7151 2.579C14.6682 2.53133 14.6682 2.48365 14.6213 2.43597C14.4127 2.13932 14.0557 2.06868 13.7811 2.22408Z"
        fill={fillColor}
      />

      {disabled && (
        <Path
          d="M2.19995 20.9L19.7999 3.29999"
          stroke={fillColor}
          strokeWidth="2"
          strokeLinecap="round"
        />
      )}
    </Svg>
  );
}
