95 lines
2.6 KiB
TypeScript
95 lines
2.6 KiB
TypeScript
import * as React from "react";
|
||
import { Box, Typography, Button } from "@mui/material";
|
||
import theme from "../../../../../theme";
|
||
|
||
|
||
export interface MWProps {
|
||
openModal: (type:number, num: number) => void
|
||
}
|
||
|
||
const Templater: React.FC<MWProps> = ({ openModal }) => {
|
||
return (
|
||
<React.Fragment>
|
||
<Typography
|
||
variant="subtitle1"
|
||
sx={{
|
||
width: "90%",
|
||
height: "60px",
|
||
display: "flex",
|
||
flexDirection: "column",
|
||
justifyContent: "center",
|
||
alignItems: "center",
|
||
color: theme.palette.secondary.main
|
||
}}>
|
||
Шаблонизатор документов
|
||
</Typography>
|
||
|
||
<Box sx={{
|
||
marginTop: "35px",
|
||
display: "grid",
|
||
gridTemplateColumns: "repeat(2, 1fr)",
|
||
gridGap: "20px",
|
||
marginBottom: "120px",
|
||
}}>
|
||
<Button
|
||
variant = "contained"
|
||
onClick={ () => openModal(1, 1) }
|
||
sx={{
|
||
backgroundColor: theme.palette.menu.main,
|
||
fontWeight: "normal",
|
||
fontSize: "17px",
|
||
padding: '11px 25px',
|
||
"&:hover": {
|
||
backgroundColor: theme.palette.grayMedium.main
|
||
}
|
||
}}>
|
||
Создать тариф на время
|
||
</Button>
|
||
<Button
|
||
variant = "contained"
|
||
onClick={ () => openModal(1, 0) }
|
||
sx={{
|
||
backgroundColor: theme.palette.menu.main,
|
||
padding: '11px 25px',
|
||
fontWeight: "normal",
|
||
fontSize: "17px",
|
||
"&:hover": {
|
||
backgroundColor: theme.palette.grayMedium.main
|
||
}
|
||
}}>
|
||
Создать тариф на объем
|
||
</Button>
|
||
<Button
|
||
variant = "contained"
|
||
onClick={ () => openModal(1, 2) }
|
||
sx={{
|
||
backgroundColor: theme.palette.menu.main,
|
||
padding: '11px 25px',
|
||
fontWeight: "normal",
|
||
fontSize: "17px",
|
||
"&:hover": {
|
||
backgroundColor: theme.palette.grayMedium.main
|
||
}
|
||
}}>
|
||
Создать тариф на гигабайты
|
||
</Button>
|
||
<Button
|
||
variant = "contained"
|
||
sx={{
|
||
backgroundColor: theme.palette.menu.main,
|
||
padding: '11px 25px',
|
||
fontWeight: "normal",
|
||
fontSize: "17px",
|
||
"&:hover": {
|
||
backgroundColor: theme.palette.grayMedium.main
|
||
}
|
||
}}>
|
||
Изменить тариф
|
||
</Button>
|
||
</Box>
|
||
</React.Fragment>
|
||
);
|
||
}
|
||
|
||
|
||
export default Templater; |