import { Header } from '@/components/layout/header'
import { ProfileDropdown } from '@/components/profile-dropdown'
import { ThemeSwitch } from '@/components/theme-switch'

export function HeroSlidesHeader() {
  return (
    <Header
      fixed
      className='border-b border-border/60 bg-background/85 backdrop-blur'
    >
      <div>
        <p className='text-[11px] font-semibold tracking-[0.26em] text-muted-foreground uppercase'>
          Hero Slides
        </p>
        <p className='text-sm font-semibold tracking-tight'>
          Slider yönetimi
        </p>
      </div>
      <div className='ms-auto flex items-center gap-3'>
        <ThemeSwitch />
        <ProfileDropdown />
      </div>
    </Header>
  )
}
