'use client';
import { Separator } from '@/components/ui/separator';
import { useSession } from '@/lib/auth/auth-client';

export default function GoogleAnalyticsStat({ value }: { value: number }) {
  const { data: session } = useSession();
  const isAdmin = session?.user?.role === 'admin';

  if (!session || !isAdmin) {
    return null;
  }

  return (
    <div className='my-4'>
      <Separator />
      <p className='my-2 font-serif text-lg'>
        Google Analytics: {value} total page views.
      </p>
      <Separator />
    </div>
  );
}