wix-style-react/dist/es/stories/Page/PageChildren.js

wix-style-react

import React from 'react';

import Page from 'wix-style-react/Page';
import Button from 'wix-style-react/Button';
import SomeContentComponent from './SomeContentComponent';
import SomeTailComponent from './SomeTailComponent';

export var header = function header(breadcrumbs) {
  return React.createElement(Page.Header, {
    breadcrumbs: breadcrumbs,
    title: 'Page Title',
    subtitle: 'Page subtitle',
    showBackButton: true,
    onBackClicked: function onBackClicked() {},
    actionsBar: React.createElement(
      Button,
      null,
      'Action'
    )
  });
};

export var content = function content(showScss) {
  return React.createElement(
    Page.Content,
    null,
    React.createElement(SomeContentComponent, { showScss: showScss })
  );
};

export var tail = React.createElement(
  Page.Tail,
  null,
  React.createElement(SomeTailComponent, null)
);

export var fixedContent = React.createElement(
  Page.FixedContent,
  null,
  React.createElement(
    'div',
    { style: { padding: '10px 0px', backgroundColor: 'white' } },
    'This is a fixedContent'
  )
);