'use client'

import { Button } from '@/components/ui/button'

interface MonthNavigationProps {
  currentYear: number
  currentMonth: number
}

export function MonthNavigation({ currentYear, currentMonth }: MonthNavigationProps) {
  const monthName = new Date(currentYear, currentMonth).toLocaleDateString('ru-RU', {
    month: 'long',
    year: 'numeric',
  })

  return (
    <div className="flex items-center justify-between mb-6">
      <h3 className="text-white font-medium text-lg capitalize">{monthName}</h3>
      <div className="flex gap-2">
        <Button variant="outline" size="sm" className="glass-secondary text-white hover:text-white">
          ← Предыдущий
        </Button>
        <Button variant="outline" size="sm" className="glass-secondary text-white hover:text-white">
          Сегодня
        </Button>
        <Button variant="outline" size="sm" className="glass-secondary text-white hover:text-white">
          Следующий →
        </Button>
      </div>
    </div>
  )
}
