20 lines
663 B
TypeScript
20 lines
663 B
TypeScript
import { Stack, Title, Text, Container, Paper } from "@pikku/mantine/core"
|
|
import { useI18n } from '@/context/i18n-provider'
|
|
|
|
export const Done: React.FunctionComponent<{ name: string }> = ({ name }) => {
|
|
const t = useI18n()
|
|
|
|
return (
|
|
<Container p={0} size='md' mt='10%'>
|
|
<Paper p={{ base: '4rem', lg: '8rem' }} withBorder radius='lg'>
|
|
<Stack>
|
|
<Title order={2}>
|
|
{t('jobs.done.title', { name })}
|
|
</Title>
|
|
<Text size="xl" lineBreaks>{t('jobs.done.body')}</Text>
|
|
</Stack>
|
|
</Paper>
|
|
</Container>
|
|
)
|
|
}
|