// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';
import { configDocs } from '../../../.storybook/config-docs';
import { Box } from '.';
import docs from './README.BRAND.mkd';

storiesOf('Primitives/Box', module)
  .addDecorator(withInfo(configDocs(docs, Box)))
  .add('branding', () => (
    <Box colorName="brand-primary-base">
      I am a box with colorName = brand-primary-base
    </Box>
  ));
