import React from 'react'; import MetricsTable from './MetricsTable'; import { countryFilter, percentFilter } from 'lib/filters'; import { FormattedMessage } from 'react-intl'; export default function CountriesTable({ websiteId, limit, onDataLoad = () => {}, onExpand }) { return ( <MetricsTable title={<FormattedMessage id="metrics.countries" defaultMessage="Countries" />} type="country" metric={<FormattedMessage id="metrics.visitors" defaultMessage="Visitors" />} websiteId={websiteId} limit={limit} dataFilter={countryFilter} onDataLoad={data => onDataLoad(percentFilter(data))} onExpand={onExpand} /> ); }