'use client' import Link from 'next/link' import { useState, useEffect } from 'react' import ThreeLogo from './ThreeLogo' import ThemeToggle from './ThemeToggle' export default function BlogHeader() { const [isScrolled, setIsScrolled] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 0) } window.addEventListener('scroll', handleScroll) return () => window.removeEventListener('scroll', handleScroll) }, []) return (
) }