@yeutech-lab/rollup-umd-documentation/lib/components/Wrapper.md

Quickly build awesome documentation for your rollup-umd project.

```js
<Wrapper>
  This text example is displayed within the default Wrapper components used for all UI components examples.
</Wrapper>
```

## Use your own

You can use your own `<Wrapper />` within every projects that use $PACKAGE_NAME.

If you create one in your project under `styleguide/components/Wrapper.js`, it will be automatically picked instead of ours by our configuration.

For example, you can do the following to override the Wrapper and to plug a redux store and your internationalization:

```js static
import React from 'react';
import { combineReducers } from 'redux';
import Wrapper from '$PACKAGE_NAME/lib/components/Wrapper';

const messages = {
  en: {
    'dev-tools.rollup-umd.test': 'This is a dummy test string.',
  },
};

/* eslint-disable global-require */
export default (props) => (
  <Wrapper
    redux={require('redux')}
    react-redux={require('react-redux')}
    reducer={combineReducers({
      locale: () => 'en',
    })}
    react-intl={require('react-intl')}
    messages={messages.en}
    {...props}
  />
);

```

> This will wrap every JS example with the Provider and a new store,If you want to have a single store, you should use the Provider inside the LayoutRenderer.