import { Navbar, NavbarBrand, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar'
import React from 'react'
import { ThemeSwitch } from '../theme-switch'
import { FbIcon, IdnIcon, IgIcon, TtIcon, TwIcon, YtIcon } from '../icons'
import { Link, LinkIcon } from '@nextui-org/link'

export default function NavbarPPID() {
    return (
        <Navbar maxWidth='full' height="8rem">
            <div className='w-full'>
                <div className='hidden md:flex items-end justify-end'>
                    <div className='flex items-center justify-between gap-1 md:gap-10'>
                        <div className="flex gap-1 lg:gap-3 items-center">
                            <div><FbIcon /></div>
                            <div><IgIcon /></div>
                            <div><YtIcon /></div>
                            <div><TwIcon /></div>
                            <div><TtIcon /></div>
                        </div>
                        <div ><IdnIcon /></div>
                    </div>
                </div>
                <div className='flex'>
                    <div className='w-1/3 lg:w-2/12'>
                        <Link href={'/'}>
                            <img src="/e-ppid.png" alt="logo" className='w-48' />
                        </Link>
                    </div>
                    <div className='w-2/3 lg:w-9/12 hidden md:flex flex-wrap items-center justify-evenly '>
                        <NavbarItem>Beranda</NavbarItem>
                        <div>Informasi Publik</div>
                        <div>Profile</div>
                        <div>Layanan Informasi</div>
                        <div>Standar Layanan</div>
                        <div>Regulasi</div>
                        <div>Kontak</div>
                        <div><ThemeSwitch /></div>
                    </div>
                    <NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
                        <ThemeSwitch />
                        <NavbarMenuToggle />
                    </NavbarContent>
                </div>
            </div>
        </Navbar>
    )
}
