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

import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { LibPicture } from 'esoftplay/cache/lib/picture/import';
import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import { MarketStyle } from 'esoftplay/cache/market/style/import';

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


export interface MarketMerchant_emptyArgs {

}
export interface MarketMerchant_emptyProps {

}
export default function m(props: MarketMerchant_emptyProps): any {
  return (
    <View style={{ flex: 1 }} >
      <LibScroll>
        <View style={{ marginHorizontal: 30, alignItems: "center", justifyContent: "center", marginTop: LibStyle.width * 0.3 }} >
          <LibPicture source={esp.assets("market/034-store.png")} style={{ width: 80, height: 80, marginBottom: 20 }} resizeMode="contain" />
          <Text allowFontScaling={false} style={{ paddingVertical: 10, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#03192a" }} >{esp.lang("market/merchant_empty", "empty_title")}</Text>
          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, lineHeight: 18, textAlign: "center", color: "#707070" }} >{esp.lang("market/merchant_empty", "empty_msg")}</Text>

          <TouchableOpacity onPress={() => LibNavigation.navigate("market/merchant_register")} activeOpacity={1} style={{ backgroundColor: MarketStyle.colorPrimaryMarket, paddingHorizontal: 20, borderRadius: 20, marginTop: 20 }} >
            <Text style={{ padding: 10, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "white" }} >{esp.lang("market/merchant_empty", "btn_register")}</Text>
          </TouchableOpacity>
        </View>
        <View />
      </LibScroll>

    </View>
  )
}