import { Result, Button } from 'antd';
import { useNavigate } from 'react-router';
import { useTranslation } from 'react-i18next';

const NotFoundPage: React.FC = () => {
  const navigate = useNavigate();
  const { t } = useTranslation('common');

  return (
    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: '80vh' }}>
      <Result
        status="404"
        title="404"
        subTitle={t('pageNotFound')}
        extra={
          <Button type="primary" onClick={() => navigate('/dashboard')}>
            {t('backToHome')}
          </Button>
        }
      />
    </div>
  );
};

export default NotFoundPage;