import React from 'react';
import { __ } from '@wordpress/i18n';
import { Text, Button } from '@mantine/core';
import { useNavigate } from 'react-router-dom';

const NotFound = () => {
    const navigate = useNavigate();
    return (
        <div style={{ textAlign: 'center', marginTop: 80 }}>
            <Text size="xl" weight={700}>{__('Page Not Found', 'lazytasks-project-task-management')}</Text>
            <Text c="dimmed" mt="md">
                {__('The page you are looking for does not exist or the feature is not available.', 'lazytasks-project-task-management')}
            </Text>
            <Button mt="xl" color='#ED7D31' onClick={() => navigate('/dashboard')}>{__('Go to Dashboard', 'lazytasks-project-task-management')}</Button>
        </div>
    );
};

export default NotFound;