Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Card, CardActions, CardContent } from '../card';
import { Avatar, Box, Typography } from '@mui/material';

export const GridItem = ({ image, name, email, network, status, renderActions }) => {
  return (
    <Card>
      <CardContent>
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
          <Avatar src={image} alt={name} />

          <Box sx={{ display: 'flex', flexDirection: 'column' }}>
            <Typography variant='h2'>{name}</Typography>
            {email && <Typography variant='h5'>{email}</Typography>}
            {network && <Typography variant='caption'>{network}</Typography>}
            {status && <Typography variant='caption'>{status}</Typography>}
          </Box>
        </Box>
      </CardContent>
      {renderActions && <CardActions>{renderActions()}</CardActions>}
    </Card>
  );
};