import * as React from 'react';
import CssBaseline from '@mui/material/CssBaseline';
import Box from '@mui/material/Box';
import Container from '@mui/material/Container';
import StandardImageList from './gallery';
import Divider from '@mui/material/Divider';
import Grid from '@mui/material/Unstable_Grid2';


// import { useEffect, useState } from 'react';
// import { useParams } from 'react-router';

export default function User() {
    // console.log(111, user)
    // const { userId } = useParams()
    // useEffect(() => { loadUser(userId) }, [userId])

    return (
        <React.Fragment>
            <CssBaseline />
            <Container sx={{ minHeight: '100vh' }} maxWidth="100%">
                <Box>
                    <Grid container spacing={2}>
                        <Grid xs={3} style={{ backgroundColor: "red" }}>
                            текст
                        </Grid>
                        <Grid xs={9} style={{ backgroundColor: "green" }}>
                            текст
                        </Grid>
                    </Grid>
                </Box>
                <Divider />
                <Box >
                    <StandardImageList />
                </Box>
            </Container>
        </React.Fragment>
    );
}