"use client";

import { Avatar, Box, Chip, Divider, Stack, Typography } from "@mui/material";

const ProfileInfo = () => {
    return (
        <>
            <Box sx={{ display: "flex", alignItems: "center", my: 0.5 }}>
                <Avatar
                    alt="User Image"
                    src=""
                    sx={{ width: 56, height: 56 }}
                />
                <Stack sx={{ ml: 1 }}>
                    <Box sx={{ display: "flex", alignItems: "end", gap: 0.7 }}>
                        <Typography variant="h6">حسن محمد زاده عبدالله</Typography>
                    </Box>
                    <Typography variant="caption">.: اداره کل ستاد :.</Typography>
                </Stack>
            </Box>
            <Box sx={{ display: "flex", alignItems: "center", my: 0.5 }}>
                <Typography variant="button" color="#757575">آخرین ورود</Typography>
                <Divider sx={{ mx: 2, flexGrow: 1 }} />
                <Typography variant="subtitle2" color="#757575">1 ساعت پیش</Typography>
            </Box>
            <Box sx={{ my: 0.5 }}>
                <Divider>
                    <Chip size="small" label="userName" color="success" variant="outlined" />
                </Divider>
            </Box>
        </>
    );
};
export default ProfileInfo;
