How to use the bpk-component-theme-toggle.updateOnThemeChange function in bpk-component-theme-toggle

* limitations under the License.
 */

import Helmet from 'react-helmet';
import PropTypes from 'prop-types';
import React from 'react';
import { updateOnThemeChange } from 'bpk-component-theme-toggle';
import BpkThemeProvider from 'bpk-theming';
import { cssModules } from 'bpk-react-utils';

import themeAttributes from '../../themeableAttributes';
import Footer from '../../components/Footer';

import STYLES from './default-layout.scss';

const EnhancedThemeProvider = updateOnThemeChange(BpkThemeProvider);
const getClassName = cssModules(STYLES);

const DefaultLayout = props => {
  const { children } = props;

  return (
    
      <div id="pagewrap">
        
        <main>{children}</main>
        <footer>
      </footer></div>

* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import React from 'react';
import { storiesOf } from '@storybook/react';

import { updateOnThemeChange } from 'bpk-component-theme-toggle';

import BpkThemeProvider from './index';
import BpkThemeableText, {
  themeAttributes as buttonThemeAttributes,
} from './bpk-themeable-text/BpkThemeableText';

const EnhancedThemeProvider = updateOnThemeChange(BpkThemeProvider);

const BpkThemePicker = () => (
  
    Hello world
  
);

storiesOf('bpk-theming', module)
  .add('Default', () => (
    
  ));