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

wix-style-react

import React from 'react';
import Text from 'wix-style-react/Text';
import { SIZES, SKINS, WEIGHTS } from '../../src/Text';

import CodeExample from 'wix-storybook-utils/CodeExample';

import TypographyExample from './ExampleTextTypography';
import TypographyExampleRaw from '!raw-loader!./ExampleTextTypography';

import MultilineExample from './ExampleMultiline';
import MultilineExampleRaw from '!raw-loader!./ExampleMultiline';

import EllipsisExample from './ExampleEllipsis';
import EllipsisExampleRaw from '!raw-loader!./ExampleEllipsis';

import H1TagNameExample from './ExampleH1TagName';
import H1TagNameExampleRaw from '!raw-loader!./ExampleH1TagName';

import LinkExample from './ExampleLink';
import LinkExampleRaw from '!raw-loader!./ExampleLink';

import { storySettings } from './storySettings';

export default {
  category: storySettings.kind,
  storyName: storySettings.storyName,
  component: Text,
  componentPath: '../../src/Text/Text.js',

  componentProps: {
    children: 'Some text',
    light: false,
    dataHook: 'storybook-text',
    size: SIZES.medium,
    secondary: false,
    skin: SKINS.standard,
    weight: WEIGHTS.thin,
    tagName: 'span',
    ellipsis: false
  },

  examples: React.createElement(
    'div',
    null,
    React.createElement(
      CodeExample,
      { title: 'Multiline Example', code: MultilineExampleRaw },
      React.createElement(MultilineExample, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Ellipsis Example', code: EllipsisExampleRaw },
      React.createElement(EllipsisExample, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Custom TagName Example', code: H1TagNameExampleRaw },
      React.createElement(H1TagNameExample, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Link Example', code: LinkExampleRaw },
      React.createElement(LinkExample, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Typography Examples', code: TypographyExampleRaw },
      React.createElement(TypographyExample, null)
    )
  )
};