1  import React from 'react';
 2  
 3  import { donationAddressMap } from 'config';
 4  import translate from 'translations';
 5  import { Input } from 'components/ui';
 6  import { DataFieldFactory } from './DataFieldFactory';
 7  
 8  export const DataField: React.SFC<{}> = () => (
 9    <DataFieldFactory
10      withProps={({ data: { raw }, validData, onChange, readOnly }) => (
11        <div className="input-group-wrapper">
12          <label className="input-group">
13            <div className="input-group-header">{translate('OFFLINE_STEP2_LABEL_6')}</div>
14            <Input
15              isValid={validData}
16              type="text"
17              placeholder={donationAddressMap.ETH}
18              value={raw}
19              readOnly={!!readOnly}
20              onChange={onChange}
21            />
22          </label>
23        </div>
24      )}
25    />
26  );