// withHooks

import { EventButton } from 'esoftplay/cache/event/button/import';
import { EventHeader } from 'esoftplay/cache/event/header/import';
import { LibFont } from 'esoftplay/cache/lib/font/import';
import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import React from 'react';
import { ScrollView, Text, View } from 'react-native';


export interface EventPoint_eventsArgs {

}
export interface EventPoint_eventsProps {

}
export default function m(props: EventPoint_eventsProps): any {
  return (
    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
      <EventHeader title='Pilih Event Aktif' />
      <ScrollView>
        <View style={{ margin: 15, }}>
          <Text allowFontScaling={false} style={{ marginTop: 20, fontSize: 20, fontFamily: LibFont('ArialBold') }}>Pilih Event Aktif</Text>
          <Text allowFontScaling={false} style={{ fontFamily: LibFont('SFProText'), marginTop: 3 }}>Silahkan pilih event untuk melihat point anda</Text>
        </View>

      </ScrollView>
      <EventButton style={{ margin: 15 }} label='Selanjutnya' backgroundColor='#002045' onPress={() => {
        LibNavigation.navigate('event/point_summary')
      }} />

    </View>
  )
}