// withHooks

import { LibStyle } from 'esoftplay/cache/lib/style/import';
import React from 'react';
import { Text, View } from 'react-native';


export interface EventBadgeArgs {

}
export interface EventBadgeProps {
  counter: any
}
export default function m(props: EventBadgeProps): any {
  if (props?.counter <= 0) return null
  return (
    <View style={{ position: 'absolute', top: 0, right: 0, height: 15, borderRadius: 10, padding: 5, paddingVertical: 2, backgroundColor: LibStyle.colorRed }} >
      <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 10, letterSpacing: 0, color: "#ffffff" }} >{props?.counter > 99 ? "99+" : String(props?.counter)}</Text>
    </View>
  )

}