import Signin from "@/components/Auth/Signin";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Sign in",
};

export default function SignIn() {
  return (
    <div className="flex h-svh flex-col items-center justify-center">
      <div className="shadow-3xl m-auto flex w-1/2 flex-col items-center justify-center rounded-2xl bg-white dark:bg-gray-dark dark:shadow-card">
        <div className="flex w-full flex-wrap items-center justify-center">
          <div className="w-full xl:w-1/2">
            <div className="w-full p-4 sm:p-12.5 xl:p-15">
              <Signin />
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
