'use client'; import { useTheme } from 'next-themes'; import { useState, useEffect } from 'react'; import { Dropdown } from '@/components/ui/Dropdown'; import { FiAlignJustify, FiSearch } from 'react-icons/fi'; import { RiMoonFill, RiSunFill } from 'react-icons/ri'; import { IoMdNotificationsOutline } from 'react-icons/io'; export function Header({ brandText, onOpenSidenav, }: { brandText: string; onOpenSidenav: () => void; }) { const { theme, setTheme } = useTheme(); const [mounted, setMounted] = useState(false); useEffect(() => setMounted(true), []); return ( ); }