'use client'

import { Building, Users, Target, Briefcase } from 'lucide-react'

import { Card } from '@/components/ui/card'

export function MarketBusiness() {
  return (
    <div className="h-full flex flex-col space-y-4 overflow-hidden">
      {/* Заголовок с иконкой */}
      <div className="flex items-center space-x-3 flex-shrink-0 mb-4">
        <Briefcase className="h-6 w-6 text-orange-400" />
        <div>
          <h3 className="text-lg font-semibold text-white">Бизнес</h3>
          <p className="text-white/60 text-sm">Бизнес-возможности и развитие</p>
        </div>
      </div>

      {/* Контент раздела */}
      <div className="flex-1 overflow-auto space-y-4">
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
          <Card className="bg-white/5 backdrop-blur border-white/10 p-6">
            <div className="flex items-center space-x-3 mb-4">
              <Building className="h-8 w-8 text-orange-400" />
              <h4 className="text-lg font-semibold text-white">Франшизы</h4>
            </div>
            <p className="text-white/60 text-sm">Готовые бизнес-решения и франшизы в сфере логистики и торговли</p>
          </Card>

          <Card className="bg-white/5 backdrop-blur border-white/10 p-6">
            <div className="flex items-center space-x-3 mb-4">
              <Users className="h-8 w-8 text-blue-400" />
              <h4 className="text-lg font-semibold text-white">Партнёрство</h4>
            </div>
            <p className="text-white/60 text-sm">Поиск бизнес-партнёров для совместных проектов и развития</p>
          </Card>

          <Card className="bg-white/5 backdrop-blur border-white/10 p-6">
            <div className="flex items-center space-x-3 mb-4">
              <Target className="h-8 w-8 text-green-400" />
              <h4 className="text-lg font-semibold text-white">Консалтинг</h4>
            </div>
            <p className="text-white/60 text-sm">Бизнес-консультации и стратегическое планирование развития</p>
          </Card>
        </div>

        <div className="text-center py-8">
          <div className="w-16 h-16 bg-white/10 rounded-full flex items-center justify-center mx-auto mb-4">
            <Briefcase className="h-8 w-8 text-white/40" />
          </div>
          <p className="text-white/60 text-lg mb-2">Раздел в разработке</p>
          <p className="text-white/40 text-sm">Бизнес-функционал будет доступен в ближайших обновлениях</p>
        </div>
      </div>
    </div>
  )
}