'use client';

import { useRouter } from 'next/navigation';
import React, { useEffect } from 'react';

import { useStores } from '@/app/(root)/AppProviders';
import Button, {
  ButtonShape,
  ButtonSize,
  ButtonVariant,
} from '@/components/button/Button';
import TitleText from '@/components/title/TitleText';

const InternalToolsPage = () => {
  const router = useRouter();
  const { session } = useStores();

  let env = 'staging';
  if (
    process.env.NEXT_PUBLIC_API_BASE === 'https://studio-api.suno.ai' ||
    process.env.NEXT_PUBLIC_API_BASE === 'https://studio-api.prod.suno.com'
  ) {
    env = 'prod';
  }

  useEffect(() => {
    if (env === 'prod' || (session.user && !session.isStaff)) {
      router.push('/');
    }
  }, [session.isStaff, session.user, router]);

  if (env === 'prod' || (session.user && !session.isStaff)) {
    return null;
  }

  return (
    <main className='flex max-w-full flex-1 flex-col'>
      <div className='mt-8 flex flex-col items-center gap-6'>
        <TitleText text='Internal Tools' />
        <Button
          href='/internal/lyrics-check'
          size={ButtonSize.Large}
          variant={ButtonVariant.Primary}
          shape={ButtonShape.Rounded}
        >
          Lyrics Infringement Checker
        </Button>
        {/* Add more buttons for other internal tools here */}
      </div>
    </main>
  );
};

export default InternalToolsPage;