Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Typography } from '@mui/material';

import { TopicContainer, TopicProgress } from './UI';

export function TopicCard({ topic: { name, image, progress } }) {
  return (
    <TopicContainer>
      <div className='c-header'>
        <Typography variant='h3'>{name}</Typography>
      </div>

      <img src={image} alt='' loading='lazy' />

      <div className='c-footer'>
        <TopicProgress variant='determinate' value={progress} />

        <span>{`${progress}%`}</span>
      </div>
    </TopicContainer>
  );
}