aretherecookies-mobile/js/components/CountBadge.js

// @flow
import React from 'react';
import { Text, View } from 'react-native';
import theme from '../ui-theme';

const { countBadge: { backgroundColor, textColor } } = theme;

const CountBadge = ({
	currentImage = 1,
	totalCount = 1,
}: {
	currentImage: number,
	totalCount: number,
}) => (
	<View
		style={{
			backgroundColor,
			position: 'absolute',
			bottom: 15,
			left: 15,
			padding: 5,
			borderRadius: 5,
		}}>
		<Text style={{ color: textColor }}>
			{currentImage}/{totalCount}
		</Text>
	</View>
);

export default CountBadge;