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

import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
import { MarketAds_homeProperty } from 'esoftplay/cache/market/ads_home/import';
import { MarketButton } from 'esoftplay/cache/market/button/import';
import { MarketHeader } from 'esoftplay/cache/market/header/import';
import { MarketInput_underline } from 'esoftplay/cache/market/input_underline/import';
import { MarketStyle } from 'esoftplay/cache/market/style/import';
import { UseForm } from 'esoftplay/cache/use/form/import';

import React, { useEffect } from 'react';
import { ScrollView, Text, View } from 'react-native';
import { MarketAds_product_form } from './ads_product_group';

export interface MarketAds_store_nameArgs {

}
export interface MarketAds_store_nameProps {

}
export default function m(props: MarketAds_store_nameProps): any {
  const advertConfig = MarketAds_homeProperty.state().get()
  const [form, setForm] = UseForm<MarketAds_product_form>('market/ads_register')

  useEffect(() => {
    setForm('price_view')(advertConfig?.ads_merchant?.price_view_suggest)
    setForm('price_view_each')(advertConfig?.ads_merchant?.price_view_each)
  }, [])

  return (
    <View style={styleId_qpkod}>
      <MarketHeader title={esp.lang("market/ads_store_name", "header_title")} onlyBack />
      <ScrollView>
        <LibKeyboard_avoid>

          <Text allowFontScaling={false} style={styleId_1vk06Q} >{esp.lang("market/ads_store_name", "ads_name")}</Text>
          <MarketInput_underline
            onChangeText={setForm('title')}
            placeholder={esp.lang("market/ads_store_name", "ads_placeholder")}
            additionalText={esp.lang("market/ads_store_name", "add_text")}
          />
        </LibKeyboard_avoid>
      </ScrollView>
      <MarketButton onPress={() => {
        if (form?.title) {
          LibNavigation.navigate('market/ads_content')
        } else {
          LibToastProperty.show(esp.lang("market/ads_store_name", "empty_name"))
        }
      }} text={esp.lang("market/ads_store_name", "create_ads")} buttonStyle={styleId_dt7dA} colorBackground={form?.title ? MarketStyle.colorPrimaryMarket : LibStyle.colorLightGrey} />
    </View>
  )
}
const styleId_qpkod: any = { flex: 1, backgroundColor: '#fff' }
const styleId_1vk06Q: any = { margin: 15, marginBottom: 0, fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0 }
const styleId_dt7dA: any = { margin: 15 }