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;