import React from 'react';
import { X } from 'lucide-react';
const topics=['Scanner setup','Object positioning','Distance problems','Missing scan coverage','Calibration failures','Mesh defects','Printability warnings','Export options'];
export default function AssistantPanel({ open, onClose }) { if(!open) return null; return <aside className="fixed right-4 top-20 z-50 w-[calc(100%-2rem)] max-w-sm rounded-2xl border border-purple-400/30 bg-[#121014]/95 p-5 shadow-2xl backdrop-blur"><div className="flex items-center justify-between"><div><p className="text-xs uppercase tracking-[.25em] text-purple-300">SHiRE assistant</p><h2 className="mt-1 font-semibold">What do you need help with?</h2></div><button onClick={onClose}><X/></button></div><div className="mt-4 grid grid-cols-2 gap-2">{topics.map(x=><button key={x} className="rounded-xl border border-white/10 bg-white/[.03] p-3 text-left text-sm text-zinc-300 hover:border-purple-400/40 hover:text-white">{x}</button>)}</div></aside>; }