Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

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

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

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

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

export function TopicCard({ topic: { name, image, progress } }) {

export function TopicCard({ topic: { name, image, progress } }) {

  return (

  return (

    <Card>

    <Card>

      <CardHeader title={name} />

      <CardHeader title={name} />

      <CardMedia src={image} />

      <CardMedia src={image} />

      <CardContent>

      <CardContent>

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

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

        <span>{`${progress}%`}</span>

        <span>{`${progress}%`}</span>

      </CardContent>

      </CardContent>

    </Card>

    </Card>

  );

  );

}

}