docs/src/components/Nav.tsx at cooper/test · hmmhmmhm/docs

Repository navigation

History

import React, { useState } from "react";

import { ArrowRight, Menu, X } from "react-feather";

import tw from "twin.macro";

import { Link } from "./Link";

import { Logo } from "./Logo";

import { Search } from "./Search";

import { MobileSidebar } from "./Sidebar";

import { ThemeSwitcher } from "./ThemeSwitcher";

export const Nav: React.FC = () => {

return (

<header

css={[tw`hidden md:flex`, tw`items-center justify-end`, tw`px-8 py-6`]}

<ul>

<li>

<Link

href="https://railway.app/login"

tw="flex items-center space-x-2 text-gray-400 text-sm hover:text-pink-500"

<span>Login</span>

</Link>

</li>

</ul>

</header>

);

};

export const MobileNav: React.FC = () => {

const [isNavOpen, setIsNavOpen] = useState(false);

return (

<header

css={[

tw`flex items-center justify-between space-x-6 md:hidden`,

tw`px-4 md:px-8 py-4 text-center`,

]}

</Link>

{/* <div tw="w-full block">

</div> */}

<button

tw=" w-6 h-6 md:w-4 md:h-4 cursor-pointer focus:outline-none"

=> setIsNavOpen(!isNavOpen)}

{isNavOpen ? (

) : (

)}

</button>

</div>

</header>

</>

);

};

FilesExpand file tree

Nav.tsx

Latest commit

History

Nav.tsx

File metadata and controls