// withHooks
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
import esp from 'esoftplay/esp';

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


export interface EventRandomseatArgs {

}
export interface EventRandomseatProps {
  onPressNo: () => void,
  onPressOk: () => void
}


export default function m(props: EventRandomseatProps): any {
  return (
    <View style={{}} >
      <Image source={esp.assets('randomseat.png')} resizeMode='contain' style={{ height: 300, width: 300, backgroundColor: 'orange', alignItems: 'center', alignSelf: 'center' }} />
      <View style={{ flexDirection: 'row', marginTop: 10, paddingHorizontal: 10 }} >
        <Pressable onPress={props.onPressNo} style={{ flex: 1, height: 50, alignItems: 'center', justifyContent: 'center' }} >
          <LibTextstyle textStyle="body" text={esp.lang("event/randomseat", "back")} />
        </Pressable>
        <Pressable onPress={props.onPressOk} style={{ flex: 1, height: 50, backgroundColor: LibStyle.colorRed, borderRadius: 25, alignItems: 'center', justifyContent: 'center' }} >
          <LibTextstyle textStyle="body" text={esp.lang("event/randomseat", "next")} style={{ color: "white" }} />
        </Pressable>
      </View>
    </View>
  )
}