import type { V2_MetaFunction } from "@remix-run/node";

import { useOptionalUser } from "~/utils";

export const meta: V2_MetaFunction = () => [{ title: "Awesome Radio" }];

export default function Index() {
    const user = useOptionalUser();
    return (
        <div className="hero bg-base-200">
            <div className="hero-content text-center">
                <div className="max-w-md">
                    <h1 className="text-5xl font-bold">Hello there</h1>
                    <p className="py-6">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi
                        exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p>
                    <button className="btn btn-primary">
                        Get Started
                    </button>
                </div>
            </div>
        </div>
    );
}