import { useIntl } from 'react-intl'; import MetricCard from 'components/metrics/MetricCard'; import { labels } from 'components/messages'; import styles from './RealtimeHeader.module.css'; export default function RealtimeHeader({ data = {} }) { const { formatMessage } = useIntl(); const { pageviews, visitors, events, countries } = data; return (