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