export default function NewLimbStep({ customerUuid, value, onChange }) { const set=(k,v)=>onChange({...value,customer_uuid:customerUuid,[k]:v}); return <div className="grid gap-4 sm:grid-cols-2"><label className="text-sm text-slate-300">Profile name<input className="workshop-input" value={value.profile_name||''} onChange={e=>set('profile_name',e.target.value)}/></label><label className="text-sm text-slate-300">Configuration<select className="workshop-input" value={value.configuration||'Right below-knee'} onChange={e=>set('configuration',e.target.value)}>{['Left below-knee','Right below-knee','Left above-knee','Right above-knee','Left below-elbow','Right below-elbow','Custom configuration'].map(x=><option key={x}>{x}</option>)}</select></label><label className="text-sm text-slate-300">Manufacturer<input className="workshop-input" value={value.prosthesis_manufacturer||''} onChange={e=>set('prosthesis_manufacturer',e.target.value)}/></label><label className="text-sm text-slate-300">Model<input className="workshop-input" value={value.prosthesis_model||''} onChange={e=>set('prosthesis_model',e.target.value)}/></label></div> }