EclipseNavBar

import { EclipseNavBar } from "@/components/ui/eclipse-nav-bar";
import { useState, useEffect } from "react";
export default function DemoOne() {
  const [isDark, setIsDark] = useState(false)
  const items = [
    {label:"Home", link:"/"},
    {label:"About", link:"/Two"},
    {label:"Contact", link:"/Three"}
  ]
  useEffect(()=>{
    document.documentElement.classList.toggle("dark", isDark)
  },[isDark])
  
  
  
  return <div className='w-screen h-fit p-4 flex justify-center items-center transition-theme'>
        <EclipseNavBar setDark={()=>{setIsDark(!isDark)}} items = {items}/>
      </div>;
}