import React from 'react' ; import { Meta , Story } from '@storybook/react' ; import { Bar , IBarChartProps } from './Bar' ; export default { title : 'Components/Charts/Bar' , component : Bar } as Meta ; const Template = ( args ) => < Bar { ... args } / > ; export const BarChartWithEstimate = Template . bind ( { } ) ; BarChartWithEstimate . args = { data : [ { value : 500 , label : 'Live births registered within 45 days of actual birth' } , { value : 1000 , label : 'Live births registered within 1 year of actual birth' } , { value : 3000 , label : 'Total Live Births registered' , total : true } , { value : 4000 , label : 'Estimated Births in [time period]' , estimate : true , description : 'Provided from 2018 population census' } ] } ; export const BarCharWithoutEstimate = Template . bind ( { } ) ; BarCharWithoutEstimate . args = { data : [ { value : 500 , label : 'Live births registered within 45 days of actual birth' } , { value : 1000 , label : 'Live births registered within 1 year of actual birth' } , { value : 3000 , label : 'Total Live Births registered' , total : true } ] } ;