Rev 3570 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import CheckCircle from '@mui/icons-material/CheckCircle';
import { Box, styled, Typography } from '@mui/material';
import React from 'react';
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
export function SlideCard({ slide: { name, background, file, completed }, onClick }) {
return (
<Card onClick={onClick}>
<CardHeader title={name} />
<CardContent>
<CardMedia src={background || file} />
{!!completed && (
<CheckCircle color='success' sx={{ position: 'absolute', right: 1, top: 1 }} />
)}
</CardContent>
</Card>
);
}