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>

  );

};