Default Component - Copy this React, Mui Component to your project

<DialogContentText>轻量化比例</DialogContentText> <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}> <Slider value={typeof targetValue === 'number' ? targetValue : 0} onChange={(_, newValue) => setTargetValue(newValue as number)} step={1} min={0} max={100} sx={{ width: '200px' }} /> <Input value={targetValue} size="small" onChange={handleSliderInputChange} onBlur={() => handleBlur("slider")} inputProps={{ step: 5, min: 0, max: 100, type: 'number', 'aria-labelledby': 'input-slider', }} sx={{ width: '40px' }} /> <DialogContentText> %</DialogContentText> </Box> {/* <FormControl fullWidth sx={{ mt: 2 }}> <InputLabel>大纲</InputLabel> <Select label="Select1" value={selectValue1} onChange={(e) => setSelectValue1(e.target.value as string)} > <MenuItem value="optionPreserve">完整保留</MenuItem> <MenuItem value="optionMerge">合并为单一节点</MenuItem> </Select> </FormControl> */} <FormControl fullWidth sx={{ mt: 2 }}> <InputLabel>向上轴</InputLabel> <Select label="Select2" value={upEnum} onChange={(e) => setUpEnum(e.target.value as string)} > <MenuItem value="0">Y up</MenuItem> <MenuItem value="1">Z up</MenuItem> </Select> </FormControl> <FormControl fullWidth sx={{ mt: 2 }}> <InputLabel>空间坐标系</InputLabel> <Select label="Select3" value={handEnum} onChange={(e) => setHandEnum(e.target.value as string)} > <MenuItem value="0">左手坐标系</MenuItem> <MenuItem value="1">右手坐标系</MenuItem> </Select> </FormControl>以上是实际的参数，能否将生成的代码中的假数据替换为上述代码中的那些参数？