Skip to content
Snippets Groups Projects
GCUContent.tsx 1.77 KiB
Newer Older
  • Learn to ignore specific revisions
  • Yoan VALLET's avatar
    Yoan VALLET committed
    import React from 'react'
    
    import './gcuContent.scss'
    
    Yoan VALLET's avatar
    Yoan VALLET committed
    import { useI18n } from 'cozy-ui/transpiled/react/I18n'
    
    
    interface GCUContentProps {
    
    Yoan VALLET's avatar
    Yoan VALLET committed
      fromOption?: boolean
    }
    
    
    const GCUContent: React.FC<GCUContentProps> = ({
      fromOption = false,
    }: GCUContentProps) => {
    
    Yoan VALLET's avatar
    Yoan VALLET committed
      const { t } = useI18n()
      return (
    
        <div className="gcu-content-root">
          <div className="gcu-content-wrapper">
    
    Yoan VALLET's avatar
    Yoan VALLET committed
            <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>
      )
    }
    
    
    export default GCUContent