wix-style-react
Version:
wix-style-react
44 lines (42 loc) • 1.61 kB
JavaScript
import React from 'react';
import { storiesOf } from '@storybook/react';
import Markdown from 'wix-storybook-utils/Markdown';
import TabbedView from 'wix-storybook-utils/TabbedView';
import CodeExample from 'wix-storybook-utils/CodeExample';
import FloatingTabsExample from './FloatingTabsExample';
import FloatingTabsExampleRaw from '!raw-loader!./FloatingTabsExample';
import FloatingTabsCustomClassesExample from './FloatingTabsCustomClassesExample';
import FloatingTabsCustomClassesExampleRaw from '!raw-loader!./FloatingTabsCustomClassesExample';
import WixStyleDecorator from '../decorators/WixStyleDecorator';
import Readme from '../../../src/TPA/FloatingTabs/README.md';
import ReadmeTestKit from '../../../src/TPA/FloatingTabs/README.TESTKIT.md';
storiesOf('TPA', module).addDecorator(WixStyleDecorator).add('FloatingTabs', function () {
return React.createElement(
TabbedView,
{ tabs: ['API', 'TestKits'] },
React.createElement(
'div',
null,
React.createElement(Markdown, { source: Readme }),
React.createElement(
'h1',
null,
'Example'
),
React.createElement(
CodeExample,
{ title: 'Default style tab', code: FloatingTabsExampleRaw },
React.createElement(FloatingTabsExample, null)
),
React.createElement(
CodeExample,
{
title: 'Custom style tab',
code: FloatingTabsCustomClassesExampleRaw
},
React.createElement(FloatingTabsCustomClassesExample, null)
)
),
React.createElement(Markdown, { source: ReadmeTestKit })
);
});