'use client';
import React from 'react';
import { Button, Card, Result } from 'antd';
import { LockOutlined } from '@ant-design/icons';

const PermissionDenied: React.FC = () => {
  return (
    <Card className="permission-denied-section">
      <Result
        status="error"
        title="Permission Denied"
        subTitle={<p>You don't have permission to access this page. <br/>Contact your administrator to get permission, or go to the home page and browse other pages.</p>}
        icon={<LockOutlined />}
        extra={[
          <Button type="primary" key="console" onClick={() => window.location.href = '/dashboard'}>
                        Go to Home
          </Button>,
        ]}
      >
      </Result>
    </Card>
  );

};

export default PermissionDenied;