wix-style-react/dist/es/stories/RadioGroup.story.js

wix-style-react

import React from 'react';
import RadioGroup from '../src/RadioGroup';
import { createAutoExampleWrapper } from './AutoExampleWrapper';

var exampleChildren = [{
  label: '4 radios',
  value: [1, 2, 3, 4].map(function (n) {
    return React.createElement(RadioGroup.Radio, { key: n, value: n, children: 'Option ' + n });
  })
}, {
  label: '2 radios',
  value: [React.createElement(
    RadioGroup.Radio,
    { key: 0, value: 1 },
    React.createElement(
      'div',
      null,
      'Option 1'
    ),
    React.createElement(
      'small',
      null,
      'best option'
    )
  ), React.createElement(
    RadioGroup.Radio,
    { key: 1, value: 2 },
    React.createElement(
      'div',
      null,
      'Option 2'
    ),
    React.createElement(
      'small',
      null,
      'Also pretty good option'
    )
  )]
}];

var exampleOptions = [{
  label: 'none disabled',
  value: []
}, {
  label: 'with disabled options',
  value: [1, 2]
}];

export default {
  category: '4. Selection',
  storyName: '4.3 Radio Button Group',
  component: createAutoExampleWrapper(RadioGroup),
  componentPath: '../src/RadioGroup',

  componentProps: function componentProps(setState) {
    return {
      value: 1,
      hasError: false,
      size: 'medium',
      children: exampleChildren[0].value,
      onChange: function onChange(value) {
        return setState({ value: value });
      },
      dataHook: 'storybook-radiogroup'
    };
  },

  exampleProps: {
    disabledRadios: exampleOptions,
    children: exampleChildren,
    onChange: function onChange(value) {
      return value;
    }
  }
};