import { ClaudeModeToggle } from './ClaudeModeToggle'
import { StatsWidget } from './StatsWidget'
import { NewPlanModal } from './NewPlanModal'

export function DashboardHeader() {
  return (
    <header className="flex items-center justify-between border-b border-gray-200 dark:border-gray-700 px-4 py-3">
      <div className="flex items-center gap-4">
        <h1 className="text-xl font-serif font-semibold text-gray-900 dark:text-gray-100">Director</h1>
        <NewPlanModal />
      </div>
      <div className="flex items-center gap-4">
        <StatsWidget />
        <ClaudeModeToggle />
      </div>
    </header>
  )
}