components/AppDescription/AppDescription.js

import React from 'react'
import Typography from '@material-ui/core/Typography'
import Breadcrumbs from '@material-ui/core/Breadcrumbs'
import Link from '@material-ui/core/Link'

function handleClick(event) {
	event.preventDefault()
	// console.log('You clicked a breadcrumb.');
}

/**
 * Documentation menu Component
 *
 * 	-this contains table of content and contact us
 * @component Menu
 * @example
 * return (
 * <AppDescription/ >)
 */

const AppDescription = () => {
	return (
		<Breadcrumbs aria-label="breadcrumb" data-testid="appdescription">
			<Typography
				color="inherit"
				href="/gettingStarted"
				onClick={handleClick}
			>
				Getting Started
			</Typography>
			<Typography color="inherit" href="/summary/" onClick={handleClick}>
				Summary
			</Typography>
			<Link color="textPrimary" href="mailto:hashTagHotLine@gmail.com">
				Contact Us
			</Link>
		</Breadcrumbs>
	)
}

export default AppDescription;