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>
    )
}