'use client';
import React, { useEffect } from 'react';
import { useRouter } from 'next/navigation';
import { ConfigProvider } from 'antd';
import { SessionProvider, useSession } from 'next-auth/react';

import theme from './theme/themeConfig';
import { DefaultRoles } from '@/utills/constant';
import { useRoles } from '@/hooks/useRoles';

const HomePage: React.FC = () => {
  const router = useRouter();
  const { data } = useSession();
  const { getRoleByName } = useRoles();
  useEffect(() => {
    // Redirect to the dashboard page
    if (data?.user?.role?.id !== getRoleByName('human_resources')?.id) {
      router.push('/dashboard');
    } else {
      router.push('/employees');
    }
  }, []);

  return (
    <SessionProvider>
      <ConfigProvider theme={theme}>
        {/* <div className="App">
                    <Button type="primary">Button</Button>
                </div> */}
      </ConfigProvider>
    </SessionProvider>
  );
};

export default HomePage;