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

wix-style-react

import React from 'react';
import Heading from 'wix-style-react/Heading';

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

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

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

import { storySettings } from './storySettings';

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

  componentProps: {
    children: 'Hey there, good looking',
    light: false,
    dataHook: 'storybook-heading',
    appearance: 'H1',
    ellipsis: false
  },

  examples: React.createElement(
    'div',
    null,
    React.createElement(
      CodeExample,
      { title: 'Ellipsis Example', code: EllipsisExampleRaw },
      React.createElement(EllipsisExample, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Typography Example', code: TypographyExampleRaw },
      React.createElement(TypographyExample, null)
    )
  )
};