text: import React from 'react';
  import { storiesOf } from '@storybook/react';
  import { FormPrevious, FormNext } from 'grommet-icons';
  // import { hb } from 'mnet-ui-base-theme-hb';
  import { Box } from 'mnet-ui-base';
  import { MnetPagination } from '../MnetPagination';
  import { MnetUIBase } from '../../MnetUIBase';
  // console.log('hb ', hb);
  const PaginationPreview = () => (
      // <MnetUIBase theme={hb}>
        <Box align="center" pad="large">
          <MnetPagination
            leftIcon={<FormPrevious />}
            rightIcon={<FormNext />}
            pages={3}
            currentPage={2}
            onClick={page => console.log(page)}
          />
        </Box>
      // </MnetUIBase>
    );
  
  storiesOf('MnetPagination', module).add('MnetPagination', () => <PaginationPreview />);
  