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>
  )
}