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>

  )

}