import { Typography, Card } from '@mui/material';

const UserGuide = () => {
	return (
		<>
			<Typography variant='h6' fontWeight='bold' mb={2}>
				User Guide
			</Typography>

			<Card variant='elevation' sx={{ p: 2 }} component='div'>
				<Typography variant='body2' my={1} sx={{ textWrap: 'wrap !important' }}>
					The User Guide for this application is maintained on the publisher's website. To
					view it click{' '}
					<a
						href='https://eniture.com/woocommerce-real-time-shipping-quotes/'
						target='_blank'>
						here
					</a>{' '}
					or paste the following link into your browser.
				</Typography>
				<Typography variant='body2' mt={2}>
					https://eniture.com/woocommerce-real-time-shipping-quotes/
				</Typography>
			</Card>
		</>
	);
};

export default UserGuide;