55 lines
1.5 KiB
TypeScript
55 lines
1.5 KiB
TypeScript
|
import * as React from "react";
|
|||
|
|
import { Box, Typography } from "@mui/material";
|
|||
|
|
import Table from '@mui/material/Table';
|
|||
|
|
import TableBody from '@mui/material/TableBody';
|
|||
|
|
import TableCell from '@mui/material/TableCell';
|
|||
|
|
import TableRow from '@mui/material/TableRow';
|
|||
|
|
import theme from "../../theme";
|
|||
|
|
|
|||
|
|
|
|||
|
|
const Users: React.FC = () => {
|
|||
|
|
return (
|
|||
|
|
<React.Fragment>
|
|||
|
|
<Typography
|
|||
|
|
variant="caption"
|
|||
|
|
sx={{
|
|||
|
|
width: "90%",
|
|||
|
|
height: "60px",
|
|||
|
|
display: "flex",
|
|||
|
|
flexDirection: "column",
|
|||
|
|
justifyContent: "center",
|
|||
|
|
alignItems: "center",
|
|||
|
|
border: "2px solid",
|
|||
|
|
fontWeight: "normal",
|
|||
|
|
borderColor: theme.palette.info.main
|
|||
|
|
}}>
|
|||
|
|
ИНФОРМАЦИЯ О ПРОЕКТЕ
|
|||
|
|
</Typography>
|
|||
|
|
|
|||
|
|
<Table sx={{
|
|||
|
|
width: "90%",
|
|||
|
|
color: theme.palette.secondary.main,
|
|||
|
|
border: "2px solid",
|
|||
|
|
borderColor: theme.palette.secondary.main
|
|||
|
|
}} aria-label="simple table">
|
|||
|
|
<TableBody>
|
|||
|
|
<TableRow>
|
|||
|
|
<TableCell sx={{ border: "1px solid red" }}>
|
|||
|
|
admin
|
|||
|
|
</TableCell>
|
|||
|
|
<TableCell sx={{ border: "1px solid red" }}>
|
|||
|
|
Администратор сервиса
|
|||
|
|
</TableCell>
|
|||
|
|
<TableCell sx={{ border: "1px solid red" }}>
|
|||
|
|
чек
|
|||
|
|
</TableCell>
|
|||
|
|
</TableRow>
|
|||
|
|
</TableBody>
|
|||
|
|
</Table>
|
|||
|
|
|
|||
|
|
</React.Fragment>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
export default Users;
|