// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withDocs } from '../../../.storybook/with-docs';
import { Box } from '.';
import docs from './README.BRAND.mkd';

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