Proyectos de Subversion LeadersLinked - SPA

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

import { TopicContainer } from './UI';

export function SlideCard({ slide: { name, background, file, completed }, onClick }) {
  return (
    <TopicContainer onClick={onClick} style={{ cursor: 'pointer' }}>
      <div className='c-header'>
        <Typography variant='h3' title={name}>
          {name}
        </Typography>
      </div>
      <div className='c-body'>
        {completed ? <CheckCircle color='success' /> : null}
        <img src={background || file} alt='' />
      </div>
    </TopicContainer>
  );
}