Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3517 stevensc 1 
import React from 'react';
3518 stevensc 2 
import { Box, Typography } from '@mui/material';
3481 stevensc 3 
 
3517 stevensc 4 
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
5 
import { TopicProgress } from '.';
3481 stevensc 6 
 
3517 stevensc 7 
export function CapsuleItem({ capsule: { name, image, progress } }) {
3481 stevensc 8 
  return (
3517 stevensc 9 
    <Card>
10 
      <CardHeader title={name} />
11 
      <CardMedia src={image} />
3481 stevensc 12 
 
3517 stevensc 13 
      <CardContent>
3518 stevensc 14 
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
15 
          <TopicProgress variant='determinate' value={progress} />
16 
          <Typography variant='caption'>{`${progress}%`}</Typography>
17 
        </Box>
3517 stevensc 18 
      </CardContent>
19 
    </Card>
20 
  );
3481 stevensc 21 
}