import React, { useState } from 'react'; import { ChevronRight, Tool, AlertCircle, CheckCircle, Phone } from 'lucide-react'; export default function ApplianceDiagnostic() { const [step, setStep] = useState('appliance'); // appliance, symptoms, results, contact const [selectedAppliance, setSelectedAppliance] = useState(null); const [selectedSymptoms, setSelectedSymptoms] = useState([]); const [contactInfo, setContactInfo] = useState({ name: '', phone: '', email: '' }); const [submitted, setSubmitted] = useState(false); const appliances = [ { id: 'refrigerator', name: 'Refrigerator', icon: '❄️' }, { id: 'dishwasher', name: 'Dishwasher', icon: '🍽️' }, { id: 'washer', name: 'Washing Machine', icon: '🌊' }, { id: 'dryer', name: 'Dryer', icon: '🔥' }, { id: 'oven', name: 'Oven/Range', icon: '🍳...