55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
import RegisterForm from '@/app/register/RegisterForm'
|
|
import Typography from '@/components/ui/Typography'
|
|
import { css, cx } from '@/styled-system/css'
|
|
import { Center } from '@/styled-system/jsx'
|
|
import { container } from '@/styled-system/patterns'
|
|
import { card } from '@/styled-system/recipes'
|
|
import NextLink from 'next/link'
|
|
import { type FC } from 'react'
|
|
|
|
const RegisterPage: FC = () => {
|
|
return (
|
|
<>
|
|
<Center
|
|
className={cx(
|
|
container(),
|
|
css({
|
|
minHeight: 'calc(100vh - 60px - 72px)'
|
|
}))
|
|
}
|
|
>
|
|
|
|
<div
|
|
className={cx(
|
|
card().body,
|
|
css({
|
|
width: '100%',
|
|
maxWidth: { sm: 'breakpoint-sm' },
|
|
overflow: 'visible'
|
|
})
|
|
)}
|
|
>
|
|
<div
|
|
className={
|
|
card().header
|
|
}
|
|
>
|
|
<Typography align="center" variant="h1">
|
|
Regístrate
|
|
</Typography>
|
|
</div>
|
|
<div
|
|
className={card().content}
|
|
>
|
|
<RegisterForm />
|
|
<Typography variant="caption" align="center" >
|
|
¿Ya tienes una cuenta? <NextLink href="/login">Inicia sesión</NextLink>
|
|
</Typography>
|
|
</div>
|
|
</div>
|
|
</Center>
|
|
</>
|
|
)
|
|
}
|
|
export default RegisterPage
|