-
-
Notifications
You must be signed in to change notification settings - Fork 41
/
Navigator.jsx
31 lines (30 loc) · 1.43 KB
/
Navigator.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/*
* File: Navigator.jsx
* Project: discord-rpc
* File Created: Monday, 6th February 2023 9:35:09 pm
* Author: Tee ([email protected])
* Github: https://github.com/lolitee
* Discord: Tee#0001
*
* Last Modified: Saturday, 25th November 2023 12:06:22 pm
* Modified By: Tee ([email protected])
*
* Copyright (c) 2023 Tee, Stainless Love
*/
import React from "react";
import NavItem from "./NavItem";
import { FaDiscord, FaCog, FaGithub } from 'react-icons/fa'
import { VscDebugConsole } from 'react-icons/vsc'
import { openUrlInDefaultBrowser } from "..";
export default function Navigator({setState}) {
return (
<nav className="flex items-center justify-between flex-wrap bg-secondary p-6">
<div className="w-full flex items-center divide-x hover:bg-blend-lighten">
<NavItem onClick={() => setState("Preview")} href={"#"} text={"Preview"} icon={<FaDiscord className="text-gray-200 m-auto" />} />
<NavItem onClick={() => setState("Config")} href={"#"} text={"Config"} icon={<FaCog className="text-gray-200 m-auto" />} />
<NavItem onClick={() => setState("Debug")} href={"#"} text={"Debug"} icon={<VscDebugConsole className="text-gray-200 m-auto" />} />
<NavItem onClick={() => setState("Repository")} href={"#"} text={"Repository"} icon={<FaGithub className="text-gray-200 m-auto" />} />
</div>
</nav>
);
}