stateful button - storybook index.js (without knobs addon)

index.js

import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {
  MatButtonModule,
  MatFormFieldModule,
  MatIconModule,
  MatInputModule,
  MatProgressSpinnerModule
} from '@angular/material';
import {FlexLayoutModule} from '@angular/flex-layout';
import {moduleMetadata, storiesOf} from '@storybook/angular';
import {StatefulButtonComponent} from '../src/app/stateful-button/stateful-button.component';
import {StatefulButtonState} from "../src/app/stateful-button/statefulButtonState";

storiesOf('Stateful Button', module)
  .addDecorator(
    moduleMetadata({
      declarations: [
        StatefulButtonComponent
      ],
      imports: [
        BrowserModule,
        BrowserAnimationsModule,
        FlexLayoutModule,
        MatButtonModule,
        MatIconModule,
        MatInputModule,
        MatFormFieldModule,
        MatProgressSpinnerModule
      ],
    }))
  .add('idle', () => ({
    component: StatefulButtonComponent,
    props: {
      state: StatefulButtonState.idle
    },
  }))
  .add('busy', () => ({
    component: StatefulButtonComponent,
    props: {
      state: StatefulButtonState.busy
    },
  }))
  .add('error', () => ({
    component: StatefulButtonComponent,
    props: {
      state: StatefulButtonState.error
    },
  }))
  .add('success', () => ({
    component: StatefulButtonComponent,
    props: {
      state: StatefulButtonState.success
    },
  }));