import Section from "@/src/components/twui/layout/Section";
import Container from "@/src/components/twui/layout/Container";
import Stack from "@/src/components/twui/layout/Stack";
import SSOForm from "../(partials)/sso-form";
import Span from "@/src/components/twui/layout/Span";
import ArrowedLink from "@/src/components/twui/layout/ArrowedLink";

export default function SSOFormSection() {
    return (
        <Section className="py-0!">
            <Container className="relative z-10 py-20 -mt-28">
                <Stack className="w-full items-center max-w-3xl mx-auto gap-7">
                    <SSOForm />
                    <Stack className="gap-2 items-center">
                        <Span variant="faded">
                            Login Failed or Code Expired?
                        </Span>
                        <ArrowedLink
                            link={{
                                title: "Login Again",
                                url: "/auth/login",
                            }}
                        />
                    </Stack>
                </Stack>
            </Container>
        </Section>
    );
}