// =============================================================================
// 📄 БЛОК ЗАГОЛОВКА СТРАНИЦЫ
// =============================================================================
// ВНИМАНИЕ: Визуал остается ТОЧНО таким же как в монолитной версии!

import { ArrowLeft } from 'lucide-react'

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

import type { PageHeaderProps } from './types'

export function PageHeader({ onBack }: PageHeaderProps) {
  return (
    <div className="flex items-center justify-between mb-3 flex-shrink-0">
      <div>
        <h1 className="text-xl font-bold text-white mb-1">Создание поставки расходников фулфилмента</h1>
        <p className="text-white/60 text-sm">
          Выберите поставщика и добавьте расходники в заказ для вашего фулфилмент-центра
        </p>
      </div>
      <Button
        variant="ghost"
        size="sm"
        onClick={onBack}
        className="text-white/60 hover:text-white hover:bg-white/10 text-sm"
      >
        <ArrowLeft className="h-4 w-4 mr-1" />
        Назад
      </Button>
    </div>
  )
}