wix-style-react/dist/es/stories/PageHeader/index.story.js

wix-style-react

import React from 'react';

import PageHeader from 'wix-style-react/PageHeader';
import Button from 'wix-style-react/Button';

import Breadcrumbs from '../Page/Breadcrumbs';
import './PageHeader.scss';
import { storySettings } from './storySettings';

export default {
  category: storySettings.category,
  storyName: storySettings.storyName,
  component: PageHeader,
  componentPath: '../../src/PageHeader',

  componentProps: {
    onBackClicked: function onBackClicked() {},
    title: 'Page Header',
    dataHook: 'story-page-header'
  },

  exampleProps: {
    breadcrumbs: [{ label: 'Breadcrumbs', value: Breadcrumbs }],
    actionsBar: [{ label: 'Button', value: React.createElement(
        Button,
        null,
        'Action'
      ) }, {
      label: 'Two buttons',
      value: React.createElement(
        'div',
        null,
        React.createElement(
          Button,
          null,
          'Button #1'
        ),
        React.createElement(
          Button,
          null,
          'Button #2'
        )
      )
    }]
  }
};