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

import { LibList } from 'esoftplay/cache/lib/list/import';
import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { MarketCheckout_voucher_item } from 'esoftplay/cache/market/checkout_voucher_item/import';
import { MarketHeader } from 'esoftplay/cache/market/header/import';

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


export interface MarketProduct_detail_voucherArgs {

}
export interface MarketProduct_detail_voucherProps {

}
export default function m(props: MarketProduct_detail_voucherProps): any {
  let { dataVouchers } = LibNavigation.getArgsAll<any>(props)

  return (
    <View style={{ flex: 1, backgroundColor: '#fff' }}>
      <MarketHeader title={esp.lang("market/product_detail_voucher", "header_title")} onlyBack />
      {
        dataVouchers && dataVouchers.length > 0 &&
        <LibList
          data={dataVouchers}
          ListHeaderComponent={
            <View style={{ margin: 15, marginBottom: 0 }}>
              <Text allowFontScaling={false} style={{ color: '#c1c1c1', fontSize: 12, fontWeight: 'normal', }}>{esp.lang("market/product_detail_voucher", "use_voucher")}</Text>
            </View>
          }
          // onRefresh={loadData}
          renderItem={(item: any, i: number) => {
            return (
              <MarketCheckout_voucher_item
                key={i}
                {...item}
                onSelected={() => { }}
              />
            )
          }}
        />
      }
    </View>
  )
}