aswi20220x00-gitlab/webapp/layouts/LoginLayout.tsx @ a5000e3c

import React from 'react';
import logo from '/public/usp-logo.svg';
import Image from 'next/image';
import styles from '/styles/Login.module.scss';
import { Col, Container, Row, Stack } from 'react-bootstrap';

/**
 * Creates a layout of a login screen.
 * @param props Html structure of a login form.
 * @returns The login screen.
 */
export function LoginLayout(props: { children: React.ReactNode }) {
    return (
        <Container>
            <Row className="min-vh-100 align-items-center justify-content-between">
                <Col md={7}>
                    <Stack gap={5}>
                        <div>
                            <Image
                                src={logo}
                                alt="Ústav státu a práva Akademie věd ČR"
                            ></Image>
                        </div>
                        <p className={styles.title}>
                            Vítejte v nástroji Ústavu státu a práva Akademie věd ČR pro
                            anotaci dokumentů v rámci projektu TAČR TL03000152 - Umělá
                            inteligence, média a právo
                        </p>
                    </Stack>
                </Col>
                <Col md={4}>
                    <main>{props.children}</main>
                </Col>
            </Row>
        </Container>
    );
}