Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Avatar, Box, Typography } from '@mui/material';

import Widget from '@components/UI/Widget';

export default function AppsWidget({ microlearning }) {
  return (
    <Widget>
      <Widget.Body styles={{ display: 'grid', placeItems: 'center' }}>
        <Box
          sx={{
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            gap: 0.5
          }}
        >
          <a href={microlearning.playStore} target='_blank' rel='noreferrer'>
            <Avatar src='/images/logo-leaderslinked-apple.png' sx={{ borderRadius: '0' }} />
          </a>

          <a href={microlearning.appStore} target='_blank' rel='noreferrer'>
            <Avatar src='/images/logo-leaderslinked-android.png' sx={{ borderRadius: '0' }} />
          </a>
        </Box>

        <Typography variant='overline' sx={{ textAlign: 'center', display: 'flex' }}>
          {microlearning.name}
        </Typography>
      </Widget.Body>
    </Widget>
  );
}