summer-time/demo/AddPipelineForm.stories.js

🍧 A modern Dark Material theme for VS-Code IDE 🍦

import React, { useState } from 'react';

import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';

import AddPipelineForm from 'components/dumb/AddPipelineForm.react';
import addPipelineTemplate from 'config/addPipeline.template.json';

function Container() {
  const [current, setCurrent] = useState(0);
  const [formData, setFormData] = useState(addPipelineTemplate);
  return (
    <AddPipelineForm
      formData={formData}
      onSubmit={action('click')}
      onChange={setFormData}
      onStep={setCurrent}
      step={current}
    />
  );
}

storiesOf('Basics|AddPipelineForm', module).add('Default', () => <Container />);