import React from 'react'; import { defineMessages, FormattedMessage } from 'react-intl'; export const labels = defineMessages({ unknown: { id: 'label.unknown', defaultMessage: 'Unknown' }, }); export const devices = defineMessages({ desktop: { id: 'metrics.device.desktop', defaultMessage: 'Desktop' }, laptop: { id: 'metrics.device.laptop', defaultMessage: 'Laptop' }, tablet: { id: 'metrics.device.tablet', defaultMessage: 'Tablet' }, mobile: { id: 'metrics.device.mobile', defaultMessage: 'Mobile' }, }); export function getDeviceMessage(device) { return <FormattedMessage {...(devices[device] || labels.unknown)} />; }