Proyectos de Subversion LeadersLinked - SPA

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

import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';

export function TopicCard({ topic: { name, image, progress }, onClick }) {
  return (
    <Card
      sx={{
        display: 'grid',
        gridTemplateRows: 'auto 1fr auto',
        cursor: 'pointer',
        width: '100%',
        height: '100%'
      }}
      onClick={onClick}
    >
      <CardHeader title={name} />
      <CardMedia src={image} style={{ height: '100%', maxHeight: '300px' }} />

      <CardContent>
        <LinearProgress variant='determinate' value={progress} />

        <span>{`${progress}%`}</span>
      </CardContent>
    </Card>
  );
}