Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3556 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3482 stevensc 1 
import React from 'react';
2 
import { Typography } from '@mui/material';
3 
 
4 
import { TopicContainer, TopicProgress } from './UI';
5 
 
6 
export function TopicCard({ topic: { name, image, progress } }) {
7 
  return (
8 
    <TopicContainer>
9 
      <div className='c-header'>
10 
        <Typography variant='h3'>{name}</Typography>
11 
      </div>
12 
 
13 
      <img src={image} alt='' loading='lazy' />
14 
 
15 
      <div className='c-footer'>
16 
        <TopicProgress variant='determinate' value={progress} />
17 
 
18 
        <span>{`${progress}%`}</span>
19 
      </div>
20 
    </TopicContainer>
21 
  );
22 
}