aretherecookies-mobile/js/components/ImagesCountBadge.js

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

type Props = { currentImage: number, totalCount: number, color: string };

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

export default ImagesCountBadge;