Rev 3481 | AutorÃa | Ultima modificación | Ver Log |
import React from 'react';
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
import { TopicProgress } from '.';
export function CapsuleItem({ capsule: { name, image, progress } }) {
return (
<Card>
<CardHeader title={name} />
<CardMedia src={image} />
<CardContent>
<TopicProgress variant='determinate' value={progress} />
<span>{`${progress}%`}</span>
</CardContent>
</Card>
);
}