international-refactor.jsx

import React from 'react';
import { status, labels } from './status';

export const Badge = (props) => {
 return (
    <div style={
      {backgroundColor: props.status === status.active ? 'green' : 'red'}
    }>
      {labels.statusPrompt[props.language]}: {props.status}
    </div>
   );
};

status.js

export const status = {
  active: 'Ready',
  inactive: 'Inactive'
}

export const labels = {
  statusPrompt: {
    'en-US': 'Status', 
    'fr-FR': 'Statut',
  },
  welcomeMessage: {
    'en-US': 'Welcome to this website!', 
    'fr-FR': 'Bienvenue sur ce site!',
  }
}