48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
import { Box, Typography } from "@mui/material";
|
||
import CardWithImage from "../../components/CreateQuiz/CardWithImage";
|
||
import cardImage1 from "../../assets/card-1.png";
|
||
import cardImage2 from "../../assets/card-2.png";
|
||
import cardImage3 from "../../assets/card-3.png";
|
||
import Card from '@mui/material/Card';
|
||
import CardContent from '@mui/material/CardContent';
|
||
import CardMedia from '@mui/material/CardMedia';
|
||
import { Button, CardActionArea, CardActions } from '@mui/material';
|
||
import CustomButton from "../../components/CustomButton";
|
||
import Stepper from "../../ui_kit/Stepper";
|
||
import StartPageSettings from "../../components/CreateQuiz/StartPageSettings";
|
||
import CreateCard from "../../ui_kit/CreateCard";
|
||
|
||
export default function StartPage() {
|
||
return (
|
||
<>
|
||
{/*Степпер*/}
|
||
<Stepper />
|
||
{/*первый шаг*/}
|
||
<CreateCard/>
|
||
{/*второй шаг*/}
|
||
<Box sx={{
|
||
mt: "60px",
|
||
}}>
|
||
<Typography variant="h5">Стартовая страница</Typography>
|
||
|
||
<Box sx={{
|
||
display: "flex",
|
||
gap: "3.4%",
|
||
mt: "40px",
|
||
}}>
|
||
<Button variant='text'>
|
||
<CardWithImage image={cardImage1} text="Standart" />
|
||
</Button>
|
||
<Button variant='text'>
|
||
<CardWithImage image={cardImage2} text="Expanded" />
|
||
</Button>
|
||
<Button variant='text'>
|
||
<CardWithImage image={cardImage3} text="Centered" />
|
||
</Button>
|
||
</Box>
|
||
</Box>
|
||
{/*третий шаг*/}
|
||
<StartPageSettings/>
|
||
</>
|
||
)
|
||
} |