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

wix-style-react

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

import InputArea from 'wix-style-react/InputArea';

import ExampleStandard from './ExampleStandard';
import ExampleStandardRaw from '!raw-loader!./ExampleStandard';

import ExampleError from './ExampleError';
import ExampleErrorRaw from '!raw-loader!./ExampleError';

import ExampleControlled from './ExampleControlled';
import ExampleControlledRaw from '!raw-loader!./ExampleControlled';

import ExampleRefs from './ExampleRefs';
import ExampleRefsRaw from '!raw-loader!./ExampleRefs';

import ExampleSizes from './ExampleSizes';
import ExampleSizesRaw from '!raw-loader!./ExampleSizes';

export var AUTO_EXAMPLE_DATA_HOOK = 'storybook-inputarea';

import { storySettings } from './storySettings';

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

  componentProps: {
    dataHook: AUTO_EXAMPLE_DATA_HOOK,
    error: false,
    theme: 'normal',
    hasCounter: false,
    resizable: false,
    disabled: false
  },

  examples: React.createElement(
    'div',
    null,
    React.createElement(
      CodeExample,
      { title: 'Standard', code: ExampleStandardRaw },
      React.createElement(ExampleStandard, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Error', code: ExampleErrorRaw },
      React.createElement(ExampleError, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Controlled input', code: ExampleControlledRaw },
      React.createElement(ExampleControlled, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Sizes', code: ExampleSizesRaw },
      React.createElement(ExampleSizes, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Commands test', code: ExampleRefsRaw },
      React.createElement(ExampleRefs, null)
    )
  )
};