/* global window */
/* eslint-disable global-require, import/no-dynamic-require */

import React from 'react';

@Component({
  selector: 'storybook-comp-with-store',
  template: '<div>{{this.getStoreState()}}</div>',
})
class WithStoreComponent {
  private store: Store<any>;

  constructor(store: Store<any>) {
    this.store = store;
  }

  getStoreState(): string {
    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
  }
}

/*
 eslint-disable some kind
 of multi line ignore, though
 I'm not sure it's possible.
*/

import { storiesOf } from '@storybook/react';

/* eslint-disable-line */ const x = 0;

// eslint-disable-line
storiesOf('Foo', module)
  .add('bar', () => <div>baz</div>);

/*
 This is actually a good comment that will help
 users to understand what's going on here.
*/