export type StarterProps = {
  logoUrl?: string;
  message?: string;
};

export default function Starter({ logoUrl = '/next.svg', message = 'To edit this page navigate to /editor.' }: StarterProps) {
  return (
    <main className="flex min-h-[calc(100svh-8rem)] items-center justify-center px-6 py-20">
      <div className="flex flex-col items-center text-center">
        {logoUrl && <img src={logoUrl} alt="Next.js logo" className="h-auto w-[197px] object-contain" />}
        <p className="mt-8 text-base text-muted-foreground sm:text-lg">{message}</p>
      </div>
    </main>
  );
}