import React from "react";
import { Theme, useTheme } from "remix-themes";

export interface LogoProps {
  width: number;
  height: number;
}

export default function StaticLogo({ width, height }: LogoProps) {
  const [theme] = useTheme();

  if (theme === Theme.DARK) {
    return (
      <svg
        width={width}
        height={height}
        viewBox="0 0 512 512"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <mask
          id="path-1-outside-1_175_58"
          maskUnits="userSpaceOnUse"
          x="72.0659"
          y="74.975"
          width="365"
          height="362"
          fill="black"
        >
          <rect fill="white" x="72.0659" y="74.975" width="365" height="362" />
          <path d="M252.591 79.975C155.651 79.975 77.0659 158.56 77.0659 255.5C77.0659 352.44 155.651 431.025 252.591 431.025C299.163 431.025 341.499 412.887 372.92 383.289C379.358 377.225 378.475 367 371.609 361.425C365.175 356.201 355.83 357.012 349.693 362.581C324.033 385.863 289.969 400.05 252.591 400.05C172.758 400.05 108.041 335.333 108.041 255.5C108.041 175.667 172.758 110.95 252.591 110.95C311.067 110.95 361.433 145.673 384.196 195.625L410.344 178.449C381.808 120.134 321.889 79.975 252.591 79.975Z" />
          <path d="M418.897 110.052C410.443 108.748 402.533 114.544 401.229 122.997L392.579 179.066L336.391 170.398C327.938 169.094 320.028 174.89 318.724 183.343C317.42 191.797 323.215 199.707 331.669 201.011L403.163 212.04C411.616 213.344 419.526 207.548 420.83 199.095L431.842 127.72C433.146 119.266 427.35 111.356 418.897 110.052Z" />
          <path d="M241.012 172.9C249.565 172.9 256.499 179.834 256.499 188.387V255.188L313.684 277.182C321.667 280.253 325.65 289.214 322.579 297.197C319.509 305.181 310.548 309.163 302.565 306.093L235.452 280.28C229.471 277.98 225.524 272.233 225.524 265.825V188.387C225.524 179.834 232.458 172.9 241.012 172.9Z" />
        </mask>
        <path
          d="M252.591 79.975C155.651 79.975 77.0659 158.56 77.0659 255.5C77.0659 352.44 155.651 431.025 252.591 431.025C299.163 431.025 341.499 412.887 372.92 383.289C379.358 377.225 378.475 367 371.609 361.425C365.175 356.201 355.83 357.012 349.693 362.581C324.033 385.863 289.969 400.05 252.591 400.05C172.758 400.05 108.041 335.333 108.041 255.5C108.041 175.667 172.758 110.95 252.591 110.95C311.067 110.95 361.433 145.673 384.196 195.625L410.344 178.449C381.808 120.134 321.889 79.975 252.591 79.975Z"
          fill="white"
        />
        <path
          d="M418.897 110.052C410.443 108.748 402.533 114.544 401.229 122.997L392.579 179.066L336.391 170.398C327.938 169.094 320.028 174.89 318.724 183.343C317.42 191.797 323.215 199.707 331.669 201.011L403.163 212.04C411.616 213.344 419.526 207.548 420.83 199.095L431.842 127.72C433.146 119.266 427.35 111.356 418.897 110.052Z"
          fill="white"
        />
        <path
          d="M241.012 172.9C249.565 172.9 256.499 179.834 256.499 188.387V255.188L313.684 277.182C321.667 280.253 325.65 289.214 322.579 297.197C319.509 305.181 310.548 309.163 302.565 306.093L235.452 280.28C229.471 277.98 225.524 272.233 225.524 265.825V188.387C225.524 179.834 232.458 172.9 241.012 172.9Z"
          fill="white"
        />
        <path
          d="M410.344 178.449L413.089 182.628L416.772 180.209L414.835 176.251L410.344 178.449ZM384.196 195.625L379.646 197.699L382.065 203.007L386.941 199.804L384.196 195.625ZM349.693 362.581L346.333 358.878L346.333 358.878L349.693 362.581ZM371.609 361.425L374.761 357.544L374.761 357.544L371.609 361.425ZM372.92 383.289L369.492 379.65L372.92 383.289ZM401.229 122.997L406.17 123.759L406.17 123.759L401.229 122.997ZM392.579 179.066L391.816 184.007C394.546 184.428 397.099 182.557 397.52 179.828L392.579 179.066ZM336.391 170.398L335.629 175.34L335.629 175.34L336.391 170.398ZM318.724 183.343L313.782 182.581L313.782 182.581L318.724 183.343ZM331.669 201.011L332.431 196.069L332.431 196.069L331.669 201.011ZM403.163 212.04L403.925 207.098L403.925 207.098L403.163 212.04ZM420.83 199.095L415.889 198.332L415.889 198.332L420.83 199.095ZM431.842 127.72L426.9 126.958L426.9 126.958L431.842 127.72ZM256.499 255.188H251.499V258.622L254.704 259.855L256.499 255.188ZM313.684 277.182L315.479 272.516L315.479 272.516L313.684 277.182ZM302.565 306.093L304.359 301.426L304.359 301.426L302.565 306.093ZM235.452 280.28L237.247 275.613L237.247 275.613L235.452 280.28ZM252.591 79.975V74.975C152.89 74.975 72.0659 155.799 72.0659 255.5H77.0659H82.0659C82.0659 161.322 158.413 84.975 252.591 84.975V79.975ZM77.0659 255.5H72.0659C72.0659 355.201 152.89 436.025 252.591 436.025V431.025V426.025C158.413 426.025 82.0659 349.678 82.0659 255.5H77.0659ZM252.591 400.05V395.05C175.52 395.05 113.041 332.571 113.041 255.5H108.041H103.041C103.041 338.094 169.997 405.05 252.591 405.05V400.05ZM108.041 255.5H113.041C113.041 178.429 175.52 115.95 252.591 115.95V110.95V105.95C169.997 105.95 103.041 172.906 103.041 255.5H108.041ZM252.591 431.025V436.025C300.488 436.025 344.037 417.365 376.348 386.929L372.92 383.289L369.492 379.65C338.962 408.408 297.839 426.025 252.591 426.025V431.025ZM349.693 362.581L346.333 358.878C321.557 381.358 288.679 395.05 252.591 395.05V400.05V405.05C291.259 405.05 326.509 390.368 353.053 366.283L349.693 362.581ZM410.344 178.449L414.835 176.251C385.492 116.287 323.871 74.975 252.591 74.975V79.975V84.975C319.908 84.975 378.124 123.981 405.853 180.647L410.344 178.449ZM252.591 110.95V115.95C309.037 115.95 357.666 149.463 379.646 197.699L384.196 195.625L388.746 193.552C365.201 141.883 313.098 105.95 252.591 105.95V110.95ZM410.344 178.449L407.599 174.27L381.451 191.446L384.196 195.625L386.941 199.804L413.089 182.628L410.344 178.449ZM349.693 362.581L353.053 366.283C357.596 362.161 364.177 361.831 368.457 365.307L371.609 361.425L374.761 357.544C366.174 350.571 354.064 351.863 346.333 358.878L349.693 362.581ZM372.92 383.289L376.348 386.929C385.217 378.575 383.724 364.822 374.761 357.544L371.609 361.425L368.457 365.307C373.225 369.178 373.498 375.876 369.492 379.65L372.92 383.289ZM401.229 122.997L406.17 123.759C407.053 118.035 412.41 114.11 418.134 114.994L418.897 110.052L419.659 105.111C408.476 103.385 398.012 111.052 396.287 122.235L401.229 122.997ZM392.579 179.066L397.52 179.828L406.17 123.759L401.229 122.997L396.287 122.235L387.637 178.303L392.579 179.066ZM336.391 170.398L335.629 175.34L391.816 184.007L392.579 179.066L393.341 174.124L337.154 165.456L336.391 170.398ZM318.724 183.343L323.665 184.105C324.548 178.381 329.905 174.456 335.629 175.34L336.391 170.398L337.154 165.456C325.971 163.731 315.507 171.398 313.782 182.581L318.724 183.343ZM331.669 201.011L332.431 196.069C326.707 195.186 322.782 189.83 323.665 184.105L318.724 183.343L313.782 182.581C312.057 193.764 319.724 204.227 330.907 205.952L331.669 201.011ZM403.163 212.04L403.925 207.098L332.431 196.069L331.669 201.011L330.907 205.952L402.4 216.981L403.163 212.04ZM420.83 199.095L415.889 198.332C415.006 204.057 409.649 207.981 403.925 207.098L403.163 212.04L402.4 216.981C413.583 218.706 424.047 211.04 425.772 199.857L420.83 199.095ZM431.842 127.72L426.9 126.958L415.889 198.332L420.83 199.095L425.772 199.857L436.783 128.482L431.842 127.72ZM418.897 110.052L418.134 114.994C423.859 115.877 427.783 121.233 426.9 126.958L431.842 127.72L436.783 128.482C438.508 117.3 430.842 106.836 419.659 105.111L418.897 110.052ZM241.012 172.9V177.9C246.804 177.9 251.499 182.595 251.499 188.387H256.499H261.499C261.499 177.073 252.327 167.9 241.012 167.9V172.9ZM256.499 188.387H251.499V255.188H256.499H261.499V188.387H256.499ZM256.499 255.188L254.704 259.855L311.889 281.849L313.684 277.182L315.479 272.516L258.294 250.521L256.499 255.188ZM313.684 277.182L311.889 281.849C317.295 283.928 319.992 289.996 317.913 295.402L322.579 297.197L327.246 298.992C331.308 288.431 326.04 276.577 315.479 272.516L313.684 277.182ZM322.579 297.197L317.913 295.402C315.834 300.808 309.766 303.505 304.359 301.426L302.565 306.093L300.77 310.759C311.33 314.821 323.184 309.553 327.246 298.992L322.579 297.197ZM302.565 306.093L304.359 301.426L237.247 275.613L235.452 280.28L233.657 284.947L300.77 310.759L302.565 306.093ZM235.452 280.28L237.247 275.613C233.197 274.056 230.524 270.164 230.524 265.825H225.524H220.524C220.524 274.302 225.745 281.904 233.657 284.947L235.452 280.28ZM225.524 265.825H230.524V188.387H225.524H220.524V265.825H225.524ZM225.524 188.387H230.524C230.524 182.595 235.22 177.9 241.012 177.9V172.9V167.9C229.697 167.9 220.524 177.073 220.524 188.387H225.524Z"
          fill="white"
          mask="url(#path-1-outside-1_175_58)"
        />
      </svg>
    );
  }

  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 282 282"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M80.0827 36.8297C92.7421 5.92292 120.776 19.7406 134.464 31.4565C135.321 32.19 135.792 33.2698 135.792 34.3978V250.904C135.792 252.083 135.253 253.224 134.336 253.966C103.335 279.044 85.2828 259.211 80.0827 245.933C44.9187 241.31 43.965 210.382 47.8837 195.496C15.173 188.351 17.5591 153.64 22.841 137.178C9.34813 109.018 33.9141 91.8201 47.8837 86.7414C40.524 52.2761 66.2831 39.1064 80.0827 36.8297Z"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="94.9384"
        y2="-2"
        transform="matrix(0.594988 0.803734 -0.785925 0.618321 77.3574 39.0923)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <path
        d="M49.1309 86.2527L136.212 177.224"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="90.5781"
        y2="-2"
        transform="matrix(0.81717 0.576396 -0.552987 0.83319 32.5566 144.514)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="145.522"
        y2="-2"
        transform="matrix(0.689338 -0.72444 0.703134 0.711057 35.4785 140.498)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="77.0207"
        y2="-2"
        transform="matrix(0.531085 -0.847319 0.832259 0.554387 49.1133 196.723)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="111.293"
        y2="-2"
        transform="matrix(-0.980107 0.198471 -0.187173 -0.982327 135.791 118.41)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="58.2375"
        y2="-2"
        transform="matrix(0.535143 -0.844762 0.829524 0.558472 81.252 246.924)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="64.1562"
        y2="-2"
        transform="matrix(-0.506896 -0.862007 0.848017 -0.529968 137.443 252.989)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="45.3484"
        y2="-2"
        transform="matrix(-0.0859054 0.996303 -0.995828 -0.0912537 110.471 151.542)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="87.7438"
        y2="-2"
        transform="matrix(0.998952 -0.04577 0.0430721 0.999072 49.1133 198.731)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="64.1538"
        y2="-2"
        transform="matrix(-0.166991 0.985958 -0.984183 -0.177152 100.73 68.2088)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <circle cx="102.68" cy="67.2048" r="9.88852" fill="#C15E50" />
      <ellipse
        cx="91.965"
        cy="129.454"
        rx="10.7131"
        ry="11.0442"
        fill="#C15E50"
      />
      <circle cx="106.574" cy="194.715" r="9.88852" fill="#C15E50" />
      <ellipse
        cx="49.5993"
        cy="86.7831"
        rx="7.30438"
        ry="7.53012"
        fill="#C15E50"
      />
      <ellipse
        cx="81.7387"
        cy="38.5903"
        rx="6.33046"
        ry="6.5261"
        fill="#C15E50"
      />
      <ellipse cx="27.2" cy="141" rx="11.2" ry="11.5462" fill="#C15E50" />
      <circle cx="81.2534" cy="243.912" r="5.93311" fill="#C15E50" />
      <circle cx="52.0352" cy="194.715" r="6.92197" fill="#C15E50" />
      <path
        d="M201.917 245.17C189.258 276.077 161.224 262.259 147.536 250.543C146.679 249.81 146.208 248.73 146.208 247.602V31.096C146.208 29.9172 146.747 28.7757 147.664 28.0343C178.665 2.95557 196.717 22.7885 201.917 36.0669C237.081 40.6903 238.035 71.618 234.116 86.5039C266.827 93.6492 264.441 128.36 259.159 144.822C272.652 172.982 248.086 190.18 234.116 195.259C241.476 229.724 215.717 242.894 201.917 245.17Z"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="94.9384"
        y2="-2"
        transform="matrix(-0.594988 -0.803734 0.785925 -0.618321 204.643 242.908)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <path
        d="M232.869 195.747L145.788 104.776"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="90.5781"
        y2="-2"
        transform="matrix(-0.81717 -0.576396 0.552987 -0.83319 249.443 137.486)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="145.522"
        y2="-2"
        transform="matrix(-0.689338 0.72444 -0.703134 -0.711057 246.521 141.502)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="77.0207"
        y2="-2"
        transform="matrix(-0.531085 0.847319 -0.832259 -0.554387 232.887 85.2771)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="111.293"
        y2="-2"
        transform="matrix(0.980107 -0.198471 0.187173 0.982327 146.209 163.59)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="58.2375"
        y2="-2"
        transform="matrix(-0.535143 0.844762 -0.829524 -0.558472 200.748 35.0763)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="64.1562"
        y2="-2"
        transform="matrix(0.506896 0.862007 -0.848017 0.529968 144.557 29.0108)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="45.3484"
        y2="-2"
        transform="matrix(0.0859054 -0.996303 0.995828 0.0912537 171.529 130.458)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="87.7438"
        y2="-2"
        transform="matrix(-0.998952 0.04577 -0.0430721 -0.999072 232.887 83.2691)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <line
        y1="-2"
        x2="64.1538"
        y2="-2"
        transform="matrix(0.166991 -0.985958 0.984183 0.177152 181.27 213.791)"
        stroke="#C15E50"
        stroke-width="4"
      />
      <circle
        cx="179.32"
        cy="214.795"
        r="9.88852"
        transform="rotate(180 179.32 214.795)"
        fill="#C15E50"
      />
      <ellipse
        cx="190.035"
        cy="152.546"
        rx="10.7131"
        ry="11.0442"
        transform="rotate(180 190.035 152.546)"
        fill="#C15E50"
      />
      <circle
        cx="175.426"
        cy="87.2852"
        r="9.88852"
        transform="rotate(180 175.426 87.2852)"
        fill="#C15E50"
      />
      <ellipse
        cx="232.401"
        cy="195.217"
        rx="7.30438"
        ry="7.53012"
        transform="rotate(180 232.401 195.217)"
        fill="#C15E50"
      />
      <ellipse
        cx="200.261"
        cy="243.41"
        rx="6.33046"
        ry="6.5261"
        transform="rotate(180 200.261 243.41)"
        fill="#C15E50"
      />
      <ellipse
        cx="254.8"
        cy="141"
        rx="11.2"
        ry="11.5462"
        transform="rotate(180 254.8 141)"
        fill="#C15E50"
      />
      <circle
        cx="200.747"
        cy="38.0884"
        r="5.93311"
        transform="rotate(180 200.747 38.0884)"
        fill="#C15E50"
      />
      <circle
        cx="229.965"
        cy="87.2852"
        r="6.92197"
        transform="rotate(180 229.965 87.2852)"
        fill="#C15E50"
      />
    </svg>
  );
}
