import SignInForm from '@/components/form/signin-form'
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/(auth)/sign-in')({
  component: RouteComponent,
})

function RouteComponent() {
  return (
    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
      <div className="flex w-full max-w-sm flex-col gap-6">
        <h1 className="text-xl font-semibold flex items-center gap-2 self-center">
          <img src="/logo.svg" alt="Fuware Logo" className="h-8" />
          Fuware
        </h1>
        <SignInForm />
      </div>
    </div>
  )
}
