Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3550 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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