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>
        <Box
          sx={{
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            gap: 1,
            mt: 1
          }}
        >
          <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='body2'
          sx={{ textAlign: 'center', display: 'flex' }}
        >
          {microlearning.name}
        </Typography>
      </Widget.Body>
    </Widget>
  )
}