mirror of
https://gitlab.com/wheres-the-tp/ui-mobile.git
synced 2026-01-25 07:34:55 -06:00
24 lines
494 B
JavaScript
24 lines
494 B
JavaScript
// @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;
|