'use client'

import { Package, AlertTriangle } from 'lucide-react'

import { Sidebar } from '@/components/dashboard/sidebar'
import { useSidebar } from '@/hooks/useSidebar'

import { SupplierOrdersTabs } from './supplier-orders-tabs'

export function SupplierOrdersDashboard() {
  const { getSidebarMargin } = useSidebar()

  return (
    <div className="h-screen flex overflow-hidden">
      <Sidebar />
      <main
        className={`flex-1 ${getSidebarMargin()} px-4 py-3 flex flex-col transition-all duration-300 overflow-hidden`}
      >
        <div className="flex-1 overflow-y-auto space-y-6">
          {/* Заголовок страницы */}
          <div className="flex items-center justify-between">
            <div>
              <h1 className="text-2xl font-bold text-white mb-2">Заявки</h1>
              <p className="text-white/60">Управление входящими заявками от заказчиков согласно правилам системы</p>
            </div>
          </div>

          {/* Основной интерфейс заявок */}
          <SupplierOrdersTabs />
        </div>
      </main>
    </div>
  )
}
