/* @flow */

import { CompositeDisposable } from "atom";

import React from "react";

import { reactFactory, INSPECTOR_URI } from "./../utils";
import typeof store from "../store";
import Inspector from "./../components/inspector";

export default class InspectorPane {
  element = document.createElement("div");
  disposer = new CompositeDisposable();

  constructor(store: store) {
    this.element.classList.add("hydrogen", "inspector");

    reactFactory(
      <Inspector store={store} />,
      this.element,
      null,
      this.disposer
    );
  }

  getTitle = () => "Hydrogen Inspector";

  getURI = () => INSPECTOR_URI;

  getDefaultLocation = () => "bottom";

  getAllowedLocations = () => ["bottom", "left", "right"];

  destroy() {
    this.disposer.dispose();
    this.element.remove();
  }
}

@@ -433,16 +433,162 @@
 ector%22);
+%0A    var fontsize = %60font-size:$%7Batom.config.get(%0A      %22Hydrogen.outputAreaFontSize%22%0A    )%7Dpx%60;%0A    this.element.setAttribute(%22style%22, fontsize);
 %0A%0A    re

Enable change of fontsize in hydrogen inspector.