import React from 'react';

import {createDevTools} from 'redux-devtools';

import LogMonitor from 'redux-devtools-log-monitor';
import DockMonitor from 'redux-devtools-dock-monitor';
import FilterMonitor from 'redux-devtools-filter-actions';

const DevTools = createDevTools(
  <DockMonitor
    defaultIsVisible={false}
    changePositionKey='ctrl-w'
    toggleVisibilityKey='ctrl-h'
  >
    <FilterMonitor>
      <LogMonitor
        theme='tomorrow'
      />
    </FilterMonitor>
  </DockMonitor>
);

export default DevTools;