import Image from 'next/image';
import { Inter } from 'next/font/google';
import styles from '../page.module.css';
import { Logger } from '@logtail/next';
import Link from 'next/link';
const inter = Inter({ subsets: ['latin'] });

async function BetterStackLoggerPage() {
  const logger = new Logger();
  logger.info('RSC', { foo: 'bar' });

  await logger.flush();

  return (
    <main className={styles.main}>
      <h1>
        <Link href="/">Home</Link>
      </h1>
      <h1>
        <Link href="/worker">Worker</Link>
      </h1>
    </main>
  );
}

export default BetterStackLoggerPage;