// withHooks

import { EventHeader } from 'esoftplay/cache/event/header/import';
import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { LibPicture } from 'esoftplay/cache/lib/picture/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import esp from 'esoftplay/esp';
import React from 'react';
import { Pressable, View } from 'react-native';


export interface EventExchange_rewardArgs {

}
export interface EventExchange_rewardProps {

}
export default function m(props: EventExchange_rewardProps): any {
  const { dataEvent }: any = LibNavigation.getArgsAll(props)

  return (
    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
      <EventHeader title={esp.lang("event/exchange_reward", "header_title")} subtitle={dataEvent?.name} />
      <Pressable onPress={() => {
        LibNavigation.navigate('component/scanner', { event_title: dataEvent?.name, event_id: dataEvent?.id, fromPage: "event/exchange_reward" })
      }} style={{ flex: 1, overflow: 'hidden', margin: 15, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2) }}>
        <LibPicture source={{ uri: 'https://static.vecteezy.com/system/resources/previews/005/594/108/non_2x/mobile-application-for-scanning-qr-code-hand-holding-smartphone-scan-qr-code-icon-phone-app-barcode-scanner-vector.jpg' }} style={{ flex: 1, opacity: 0.7, resizeMode: 'cover' }} />
      </Pressable >
    </View>
  )
}