import { useState } from 'react';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '../ui/tabs';
import { MachineryTypeManagement } from './MachineryTypeManagement';
import { UsageScenarioManagement } from './UsageScenarioManagement';
import { Layers, MapPin } from 'lucide-react';

export function MachineryClassificationManagement() {
  const [activeTab, setActiveTab] = useState('types');

  return (
    <div className="space-y-6">
      <Tabs value={activeTab} onValueChange={setActiveTab}>
        <TabsList className="grid w-full max-w-md grid-cols-2">
          <TabsTrigger value="types" className="flex items-center gap-2">
            <Layers className="w-4 h-4" />
            农机类型
          </TabsTrigger>
          <TabsTrigger value="scenarios" className="flex items-center gap-2">
            <MapPin className="w-4 h-4" />
            使用场景
          </TabsTrigger>
        </TabsList>

        <TabsContent value="types" className="mt-6">
          <MachineryTypeManagement />
        </TabsContent>

        <TabsContent value="scenarios" className="mt-6">
          <UsageScenarioManagement />
        </TabsContent>
      </Tabs>
    </div>
  );
}
