import { Ruler, Move3D } from 'lucide-react';
export default function MeasurementGuide({ definition }) { return <div className="panel p-6"><div className="mb-5 flex aspect-video items-center justify-center rounded-xl border border-dashed border-violet-400/20 bg-violet-400/5"><div className="text-center text-slate-500"><Move3D className="mx-auto mb-2 h-10 w-10"/><p className="text-sm">Measurement location diagram</p><p className="text-xs">Dedicated diagram not yet implemented</p></div></div><h2 className="text-2xl font-semibold text-white">{definition.name}</h2><p className="mt-3 leading-7 text-slate-300">{definition.explanation}</p><div className="mt-5 flex items-center gap-3 rounded-xl bg-slate-900 p-4 text-sm text-slate-300"><Ruler className="h-5 w-5 text-violet-400"/><span><strong>Required tool:</strong> {definition.required_tool}</span></div></div> }