// withHooks
import esp from 'esoftplay/esp';

import { LibIcon } from 'esoftplay/cache/lib/icon/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import { MarketButton } from 'esoftplay/cache/market/button/import';
import { MarketHeader } from 'esoftplay/cache/market/header/import';
import { MarketInput_label } from 'esoftplay/cache/market/input_label/import';
import { MarketInput_select } from 'esoftplay/cache/market/input_select/import';
import { MarketInput_square } from 'esoftplay/cache/market/input_square/import';

import React from 'react';
import { ScrollView, TouchableOpacity, View } from 'react-native';


export interface MarketComplaint_investigationArgs {

}
export interface MarketComplaint_investigationProps {

}
export default function m(props: MarketComplaint_investigationProps): any {
  const width = (LibStyle.width - 64) / 4

  return (
    <View style={styleId_ZcMJmd} >
      <MarketHeader
        onlyBack
        title={esp.lang("market/complaint_investigation", "header_title")} />

      <ScrollView>
        <MarketInput_square
          label={esp.lang("market/complaint_investigation", "label_waybill")}
          placeholder={esp.lang("market/complaint_investigation", "waybill_placeholder")}
          onChangeText={() => { }}
        />
        <MarketInput_select onPress={() => { }} label={esp.lang("market/complaint_investigation", "label_used_courier")} placeholder={esp.lang("market/complaint_investigation", "select_courier")} />
        <View style={styleId_ZkwCds} >
          <MarketInput_label label={esp.lang("market/complaint_investigation", "waybill")} />
          <View style={styleId_17srzJ} >
            <TouchableOpacity style={[styleId_H7xrd, { width: width, height: width }]} >
              <LibIcon name='image' size={25} />
            </TouchableOpacity>
          </View>
        </View>
      </ScrollView>
      <MarketButton onPress={() => { }} text={esp.lang("market/complaint_investigation", "btn_next")} buttonStyle={styleId_dssbH} />

    </View>
  )
}
const styleId_ZcMJmd: any = { flex: 1 }
const styleId_ZkwCds: any = { marginLeft: 17 }
const styleId_17srzJ: any = { flexDirection: 'row', flexWrap: 'wrap' }
const styleId_H7xrd: any = { alignItems: 'center', justifyContent: 'center', backgroundColor: LibStyle.colorGrey, borderRadius: 4, marginRight: 10, marginBottom: 10 }
const styleId_dssbH: any = { margin: 10 }