import React from 'react'

import { NumberInput } from 'app/common'

export default function TileLinkForm({ tile, errorFields, parent }) {
  return (
    <div>
      <div className='row pair'>
        <NumberInput
          title="Width"
          name="width"
          data={tile.settings}
          min={0}
          max={2400}
          error={errorFields.has('width')}
          onChange={parent.handleSettingsChange}
          autoComplete="off"
        />
        <NumberInput
          title="Height"
          name="height"
          data={tile.settings}
          min={0}
          max={2400}
          error={errorFields.has('height')}
          onChange={parent.handleSettingsChange}
          autoComplete="off"
        />
      </div>
    </div>
  )
}