wix-style-react/dist/es/stories/MessageBox/Announcement.js

wix-style-react

import React from 'react';
import TabbedView from 'wix-storybook-utils/TabbedView';
import Markdown from 'wix-storybook-utils/Markdown';

import Readme from '../../src/MessageBox/README.md';
import ReadmeTestKit from '../../src/MessageBox/README.TESTKIT.md';
import CodeExample from 'wix-storybook-utils/CodeExample';
import { RTLWrapper } from '../utils';

import AnnouncementStandard from './AnnouncementExamples/Standard';
import AnnouncementStandardRaw from '!raw-loader!./AnnouncementExamples/Standard';

import PremiumAction from './AnnouncementExamples/PremiumAction';
import PremiumActionRaw from '!raw-loader!./AnnouncementExamples/PremiumAction';

import DisabledAction from './AnnouncementExamples/DisabledAction';
import DisabledActionRaw from '!raw-loader!./AnnouncementExamples/DisabledAction';

import Footnote from './AnnouncementExamples/Footnote';
import FootnoteRaw from '!raw-loader!./AnnouncementExamples/Footnote';

var introduction = '# Announcement (`<MessageBoxMarketerialLayout/>`)\nComponents to be used within `wix-style-react/Modal`:\n';

var layoutStyles = {
  margin: '0 30px'
};

export default (function () {
  return React.createElement(
    TabbedView,
    { tabs: ['Usage', 'API', 'TestKits'] },
    React.createElement(
      'div',
      null,
      React.createElement(Markdown, { source: introduction }),
      React.createElement(
        RTLWrapper,
        null,
        React.createElement(
          'div',
          { style: layoutStyles },
          React.createElement(CodeExample, {
            title: 'Standard',
            code: AnnouncementStandardRaw,
            children: React.createElement(AnnouncementStandard, null)
          }),
          React.createElement(CodeExample, {
            title: 'Premium Action',
            code: PremiumActionRaw,
            children: React.createElement(PremiumAction, null)
          }),
          React.createElement(CodeExample, {
            title: 'Footnote',
            code: FootnoteRaw,
            children: React.createElement(Footnote, null)
          }),
          React.createElement(CodeExample, {
            title: 'Disabled Action',
            code: DisabledActionRaw,
            children: React.createElement(DisabledAction, null)
          })
        )
      )
    ),
    React.createElement(Markdown, { source: Readme }),
    React.createElement(Markdown, { source: ReadmeTestKit })
  );
});