mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-11-09 22:09:07 +01:00
32 lines
735 B
TypeScript
32 lines
735 B
TypeScript
|
import useTranslation from 'next-translate/useTranslation'
|
||
|
|
import Translation from 'next-translate/Trans'
|
||
|
|
|
||
|
|
export const ProfileDescriptionBottom: React.FC = () => {
|
||
|
|
const { t } = useTranslation()
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<p className='profile-description-bottom'>
|
||
|
|
<Translation
|
||
|
|
i18nKey={t('home:about.descriptionBottom')}
|
||
|
|
components={[<br key='break' />]}
|
||
|
|
/>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<style jsx>
|
||
|
|
{`
|
||
|
|
.profile-description-bottom {
|
||
|
|
font-size: 16px;
|
||
|
|
display: block;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 25px;
|
||
|
|
color: #b2bac2;
|
||
|
|
margin-top: 30px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
`}
|
||
|
|
</style>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|