import GeneralLayout from './../components/templates/general-layout.jsx';
import Header from './../components/molecules/header.jsx';

export default (React, PageCtx, page, mount) => {
  page('/atomic-design', () => {
    mount(PageCtx, {
      template: () => (React.createElement(GeneralLayout, {
        header: () => (React.createElement(Header, {
          isWaterfall: true,
          isTransparent: true,
          id: 'header1'
        }))
      }))
    });
  });
};

import GeneralLayout from './../components/templates/general-layout.jsx';
import Header from './../components/molecules/header.jsx';

export default (React, PageCtx, page, mount) => {
  page('/atomic-design', () => {
    mount(PageCtx, {
      template: () => (React.createElement(GeneralLayout, {
        fixedDrawer: false,
        drawer: () => (React.createElement(Drawer, {
        }))
      }))
    });
  });
};

Clean atomic-design.js