
import React from "react";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { Upload, Link } from "lucide-react";

interface UploadTabsProps {
  children: {
    uploadContent: React.ReactNode;
    urlContent: React.ReactNode;
  };
}

const UploadTabs = ({ children }: UploadTabsProps) => {
  return (
    <Tabs defaultValue="upload" className="w-full">
      <TabsList className="grid w-full grid-cols-2">
        <TabsTrigger value="upload" className="flex items-center space-x-2">
          <Upload className="h-4 w-4" />
          <span>Upload fichier</span>
        </TabsTrigger>
        <TabsTrigger value="url" className="flex items-center space-x-2">
          <Link className="h-4 w-4" />
          <span>URL externe</span>
        </TabsTrigger>
      </TabsList>
      
      <TabsContent value="upload" className="mt-4">
        {children.uploadContent}
      </TabsContent>
      
      <TabsContent value="url" className="mt-4">
        {children.urlContent}
      </TabsContent>
    </Tabs>
  );
};

export default UploadTabs;
