import React from 'react';
import { Fieldset } from '../../_common/components/forms.jsx';

const PepDeclaration = () => (
    <Fieldset legend={it.L('PEP Declaration')}>
        <div className='gr-12'>
            <p>{it.L('A PEP is an individual who is or has been entrusted with a prominent public function. This status extends to a PEP\'s relatives and close associates.')}</p>
        </div>

        <div className='gr-padding-10 gr-12'>
            <input id='not_pep' type='checkbox' />
            <label htmlFor='not_pep'>
                {it.L('I acknowledge that I am not a politically exposed person (PEP).')}&nbsp;
                <span data-balloon-length='xlarge' data-balloon={it.L('A politically exposed person (PEP) is an individual who is or has been entrusted with a prominent public function. Family members and close associates of such individuals are also considered as PEPs. A PEP who has ceased to be entrusted with a prominent public function for at least 12 months no longer qualifies as a PEP.')}>
                    {it.L('What is this?')}
                </span>
            </label>
        </div>
    </Fieldset>
);

export default PepDeclaration;

import React from 'react';
import { Fieldset } from '../../_common/components/forms.jsx';

const PepDeclaration = () => (
    <Fieldset legend={it.L('PEP Declaration')}>
        <div className='gr-12'>
            <p>{it.L('A PEP is an individual who is or has been entrusted with a prominent public function. This status extends to a PEP\'s relatives and close associates.')} <span data-balloon-length='xlarge' data-balloon={it.L('A politically exposed person (PEP) is an individual who is or has been entrusted with a prominent public function. Family members and close associates of such individuals are also considered as PEPs. A PEP who has ceased to be entrusted with a prominent public function for at least 12 months no longer qualifies as a PEP.')}>{it.L('Learn more')}</span>
            </p>
        </div>

        <div className='gr-padding-10 gr-12'>
            <input id='not_pep' type='checkbox' />
            <label htmlFor='not_pep'>
                {it.L('I acknowledge that I am not a politically exposed person (PEP).')}
            </label>
        </div>
    </Fieldset>
);

export default PepDeclaration;

Move PEP-tooltip and update its text
Move PEP-tooltip and update its text
