import { Grid } from '@rocket.chat/fuselage';
import React from 'react';

import Counter from './Counter';

function CounterSet({ counters = [] }) {
	return <Grid>
		{counters.map(({ count, variation, description }, i) => <Grid.Item key={i}>
			<Counter
				count={count}
				variation={variation}
				description={description}
			/>
		</Grid.Item>)}
	</Grid>;
}

export default CounterSet;