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

import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
import { MarketHeader } from 'esoftplay/cache/market/header/import';
import { MarketSection_menu } from 'esoftplay/cache/market/section_menu/import';
import { MarketStyle } from 'esoftplay/cache/market/style/import';

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


export interface MarketComplaint_status_detailArgs {
  statuses: any[]
}
export interface MarketComplaint_status_detailProps {

}
export default function m(props: MarketComplaint_status_detailProps): any {
  const { statuses } = LibNavigation.getArgsAll<MarketComplaint_status_detailArgs>(props)


  return (
    <View style={{ flex: 1 }} >
      <MarketHeader
        title={esp.lang("market/complaint_status_detail", "header_title")}
        leftIcon={{ name: "close", onPress: () => LibNavigation.back() }}

      />
      <LibScroll  >
        <View style={{ overflow: "hidden" }} >
          {
            statuses?.map?.((item: any, i: number) => {
              return (
                <View key={i} style={{ paddingHorizontal: 17, flexDirection: 'row', alignItems: "center", paddingVertical: 10 }} >
                  <View style={{ height: 10, width: 10, borderRadius: 5, backgroundColor: MarketStyle.colorPrimaryMarket, marginRight: 10 }} />
                  <View style={{ flex: 1 }}  >
                    <LibTextstyle textStyle="footnote" text={item.created} style={{ color: "#BBB", fontSize: 12 }} />
                    <LibTextstyle textStyle="callout" text={item.title} style={{ fontSize: 14 }} />
                  </View>
                </View>
              )
            })
          }
          <View style={{ height: '100%', width: 1, backgroundColor: MarketStyle.colorPrimaryMarket, position: "absolute", bottom: 0, left: 21.5, top: 35, zIndex: -1 }} />
        </View>

        <MarketSection_menu />
      </LibScroll>
    </View>
  )
}