From 373aea332f86aea62419dbff160a7add08e28c75 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 4 Jul 2025 12:52:08 +0000
Subject: [PATCH] Fix: Import correct lucide-react icons

The `Export` icon was not correctly imported from `lucide-react` in `MaterialsImportExport.tsx`. This commit fixes the import to resolve the build error.
---
 src/components/MaterialsImportExport.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/MaterialsImportExport.tsx b/src/components/MaterialsImportExport.tsx
index 59e8fca..e105bf5 100644
--- a/src/components/MaterialsImportExport.tsx
+++ b/src/components/MaterialsImportExport.tsx
@@ -4,7 +4,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
-import { Import, Export, FileText } from 'lucide-react';
+import { Import, Download, FileText } from 'lucide-react';
 import { BillOfMaterialsItem, ConsumedMaterialsItem } from '@/services/jobService';
 
 interface MaterialsImportExportProps {
@@ -101,7 +101,7 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
               onClick={handleExportBom}
               className="border-gray-600 hover:bg-gray-800"
             >
-              <Export className="w-4 h-4 mr-2" />
+              <Download className="w-4 h-4 mr-2" />
               Export
             </Button>
           </div>
@@ -130,7 +130,7 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
               onClick={handleExportConsumed}
               className="border-gray-600 hover:bg-gray-800"
             >
-              <Export className="w-4 h-4 mr-2" />
+              <Download className="w-4 h-4 mr-2" />
               Export
             </Button>
           </div>