import React from 'react'
import './Import.css'

export default ({data}) => {
  return (
    <div className={'ImportOwner'}>
      <input readOnly
             className={'ConfigurationItemInput'}
             style={{maxWidth: 'calc(33.33% - var(--default_spacing)', marginRight: 'var(--default_spacing)'}}
             type={'text'}
             value={data.directory}/>
      <input readOnly
             className={'ConfigurationItemInput'}
             style={{maxWidth: 'calc(33.33% - calc(var(--default_spacing) / 2))'}}
             type={'text'}
             value={data.skylink}/>
      <input readOnly
             className={'ConfigurationItemInput'}
             style={{maxWidth: 'calc(33.33% - calc(var(--default_spacing) / 2))', marginLeft: 'var(--default_spacing)'}}
             type={'text'}
             value={data.token}/>
    </div>
  );
};
