25 lines
1.2 KiB
TypeScript
25 lines
1.2 KiB
TypeScript
![]() |
import {Box, Typography} from "@mui/material";
|
|||
|
import CustomCheckbox from "@ui_kit/CustomCheckbox";
|
|||
|
import CustomTextField from "@ui_kit/CustomTextField";
|
|||
|
import InfoIcon from "@icons/InfoIcon";
|
|||
|
|
|||
|
export default function SettingOptionsAndPict() {
|
|||
|
return(
|
|||
|
<>
|
|||
|
<Box sx={{display: 'flex', width: '100%', justifyContent: 'space-between'}}>
|
|||
|
<Box sx={{padding: '20px', width: '100%'}}>
|
|||
|
<Typography sx={{marginBottom: '15px'}}>Настройки ответов</Typography>
|
|||
|
<CustomCheckbox label={'Вариант "свой ответ"'}/>
|
|||
|
|
|||
|
<Typography sx={{marginBottom: '15px'}}>Текст-заглушка на картинке</Typography>
|
|||
|
<CustomTextField placeholder={'Пример текста'} text={''}/>
|
|||
|
</Box>
|
|||
|
<Box sx={{padding: '20px'}}>
|
|||
|
<Typography sx={{marginBottom: '15px'}}>Настройки вопросов</Typography>
|
|||
|
<CustomCheckbox label={'Необязательный вопрос'}/>
|
|||
|
<CustomCheckbox label={'Внутреннее название вопроса'}/> <InfoIcon />
|
|||
|
</Box>
|
|||
|
</Box>
|
|||
|
</>
|
|||
|
)
|
|||
|
}
|