import { css } from '@emotion/css'
import Container from '@inject/shared/components/Container'
import InjectLogo from '@inject/shared/svg/inject-logo--vertical-black.svg?react'
import Login from './LoginComp'

const page = css`
  height: 100%;
  display: flex;
  flex-direction: column;
`

const logo = css`
  width: 100%;
  height: 20rem;
`

const LoginDialog = () => (
  <Container className={page}>
    <InjectLogo className={logo} />
    <Login />
  </Container>
)

export default LoginDialog
