import { Label } from '@widergy/mobile-ui';
import React from 'react';
import { View } from 'react-native';
import styles from './styles';

interface Props {
  text: string;
  color: string;
  backgroundColor: string;
}

const BadgeStatus = ({ text, color, backgroundColor }: Props) => (
  <View style={[styles.container, backgroundColor && { backgroundColor }]}>
    <Label color={color} mediumBold>
      {text}
    </Label>
  </View>
);

export default BadgeStatus;