// @mui
import { Stack,Link, Button, Typography } from '@mui/material';
// assets
import { DocIllustration } from '@/assets';
import { Link as RouterLink } from "react-router-dom";

import { LanguageContext } from '@/contexts/LanguageContext';
import { useContext, useEffect, useState } from 'react';

// ----------------------------------------------------------------------

export default function NavbarDocs() {
  const { localeData }: any =  useContext(LanguageContext);
  const handleClick = () => {
    window.location.href = 'https://wa.me/6285890008500';
  };
  return (
    <>
      <Stack
        spacing={3}
        sx={{ px: 5, pb: 5, mt: 10, width: 1, textAlign: 'center', display: 'block' }}
      >
        {/* <DocIllustration sx={{ width: 1 }} />

        <div>
          <Typography gutterBottom variant="subtitle1">
            Hi, Hospital Admin
          </Typography>
          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
            Need help?
            <br /> Please contact Us at
          </Typography>
        </div>

        <Button variant="contained" onClick={handleClick}>WhatsApp</Button>
        <Typography variant='body2'>Hak Cipta © 2023 - 2024 LinkSehat</Typography> */}
        <Typography variant="body2" >
            {localeData.txtHelp} {""}
            <Link
                variant="subtitle2"
                component={RouterLink}
                to="#"
                onClick={handleClick}
            >
                {localeData.txtContactUs}
            </Link>
        </Typography>
      </Stack>
    </>
  );
}