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

import { LibUtils } from 'esoftplay/cache/lib/utils/import';

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


export interface MarketAds_card_detailArgs {

}
export interface MarketAds_card_detailProps {
  displayed: string,
  total_ads: string,
  clicked: string,
  total_income: string,
  total_sold: string
  clicked_pr: string
}
export default function m(props: MarketAds_card_detailProps): any {
  return (
    <View style={styleId_tndVT} >
      <View style={styleId_ZItSdM} >
        <View>
          <Text allowFontScaling={false} style={styleId_2wXmgE} >{esp.lang("market/ads_card_detail", "diaplay")}</Text>
          <Text allowFontScaling={false} style={styleId_ZnJM6p} >{LibUtils.number(props?.displayed)}</Text>
          <Text allowFontScaling={false} style={styleId_voCpG} >{esp.lang("market/ads_card_detail", "outcome")}</Text>
          <Text allowFontScaling={false} style={styleId_ZnJM6p} >{LibUtils.money(props?.total_ads)}</Text>
        </View>
        <View>
          <Text allowFontScaling={false} style={styleId_2wXmgE} >{esp.lang("market/ads_card_detail", "click")}</Text>
          <Text allowFontScaling={false} style={styleId_ZnJM6p} >{props?.clicked}</Text>
          <Text allowFontScaling={false} style={styleId_voCpG} >{esp.lang("market/ads_card_detail", "income")}</Text>
          <Text allowFontScaling={false} style={styleId_ZnJM6p} >{LibUtils.money(props?.total_income)}</Text>
        </View>
        <View>
          <Text allowFontScaling={false} style={styleId_2wXmgE} >{esp.lang("market/ads_card_detail", "click_percentage")}</Text>
          <Text allowFontScaling={false} style={styleId_ZnJM6p} >{props.clicked_pr}%</Text>
          <Text allowFontScaling={false} style={styleId_voCpG} >{esp.lang("market/ads_card_detail", "total_sold")}</Text>
          <Text allowFontScaling={false} style={styleId_ZnJM6p} >{LibUtils.number(props?.total_sold)}</Text>
        </View>
      </View>
    </View>)
}
const styleId_tndVT: any = { marginTop: 15, backgroundColor: '#F9F9F9', padding: 15, borderRadius: 8 }
const styleId_ZItSdM: any = { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }
const styleId_2wXmgE: any = { fontFamily: 'Arial', fontSize: 12, fontWeight: 'normal' }
const styleId_ZnJM6p: any = { fontFamily: 'Arial', fontSize: 12, fontWeight: 'bold', marginTop: 5 }
const styleId_voCpG: any = { fontFamily: 'Arial', fontSize: 12, fontWeight: 'normal', marginTop: 15 }