import { formatMonthLabel } from '../lib/month';

interface Props {
  month: string;
  onPrev: () => void;
  onNext: () => void;
}

export function MonthNav({ month, onPrev, onNext }: Props) {
  return (
    <div className="month-nav">
      <button className="btn" onClick={onPrev} aria-label="Předchozí měsíc">
        &lt;
      </button>
      <div className="month-nav-label">{formatMonthLabel(month)}</div>
      <button className="btn" onClick={onNext} aria-label="Následující měsíc">
        &gt;
      </button>
    </div>
  );
}