// withHooks
// noPage

import { LibIcon } from 'esoftplay/cache/lib/icon/import';

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


export interface EventCounter_sectionArgs {

}
export interface EventCounter_sectionProps {
  title: string
  onPress: () => void
  icon?: any
  iconColor?: string
  showIcon?: boolean
}
export default function m(props: EventCounter_sectionProps): any {
  return (
    <View style={{ flexDirection: 'row', justifyContent: 'space-between', margin: 15, marginTop: 5 }}>
      <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16 }}>{props.title}</Text>
      {
        props.showIcon &&
        <TouchableOpacity onPress={() => { props.onPress() }}>
          <LibIcon name={props.icon ? props.icon : "chevron-right-circle"} color={props.iconColor ? props.iconColor : "#717171"} />
        </TouchableOpacity>
      }
    </View>
  )
}