Rocket.Chat/ee/app/engagement-dashboard/client/components/data/Histogram.stories.js

import { Box, Flex, Margins } from '@rocket.chat/fuselage';
import React from 'react';

import { Histogram } from './Histogram';

export default {
	title: 'admin/enterprise/engagement/data/Histogram',
	component: Histogram,
	decorators: [(fn) => <Margins all='x16'>
		<Flex.Container>
			<Box children={fn()} style={{ height: 240 }} />
		</Flex.Container>
	</Margins>],
};

export const _default = () => <Histogram />;