Newer
Older
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
const GCUContent: React.FC<GCUContentProps> = ({
fromOption = false,
}: GCUContentProps) => {
<div className="gcu-content-root">
<div className="gcu-content-wrapper">
<h1 className="text-22-normal">{t('gcu.title')}</h1>
{!fromOption && <h2 className="text-16-normal">{t('gcu.subtitle')}</h2>}
<div className="gcu-content-title">{t('gcu.content.title')}</div>
<div>{t('gcu.content.intro')}</div>
<div className="gcu-content-title">{t('gcu.content.subtitle1')}</div>
<div>{t('gcu.content.content1')}</div>
<div className="gcu-content-title">{t('gcu.content.subtitle2')}</div>
<div>{t('gcu.content.content2')}</div>
<div className="gcu-content-title">{t('gcu.content.subtitle3')}</div>
<div>{t('gcu.content.content3')}</div>
<div className="gcu-content-title">{t('gcu.content.subtitle4')}</div>
<div>{t('gcu.content.content4')}</div>
<div className="gcu-content-title">{t('gcu.content.subtitle5')}</div>
<div>{t('gcu.content.content5')}</div>
<div className="gcu-content-title">{t('gcu.content.subtitle6')}</div>
<div>{t('gcu.content.content6')}</div>
<div className="gcu-content-title">{t('gcu.content.subtitle7')}</div>
<div>{t('gcu.content.content7_1')}</div>
<div>{t('gcu.content.content7_2')}</div>
<div>{t('gcu.content.content7_3')}</div>
<div>{t('gcu.content.content7_4')}</div>
<div>{t('gcu.content.content7_5')}</div>
</div>
</div>
)
}