2024-07-20 15:51:08 -05:00

22 lines
767 B
TypeScript

import Image from "next/image";
import { signIn } from "~/auth";
export default async function Sign_In() {
return (
<form className="items-center justify-center mx-auto"
action={async () => {
"use server";
await signIn("microsoft-entra-id");
}}>
<button type="submit" className="flex flex-row mx-auto
bg-gradient-to-tl from-[#35363F] to=[#24191A] rounded-xl px-4 py-3 md:text-2xl
sm:text-xl font-semibold text-white hover:bg-gradient-to-tr hover:from-[#35363F] hover:to-[#23242F]">
<Image src="/images/microsoft_logo.png" alt="Microsoft" width={35} height={35}
className="mr-2"
/>
<h1 className="text-2xl my-auto font-semibold">Sign In</h1>
</button>
</form>
);
}