import "./index.scss";
import * as React from "react";
import { PaneComponent } from "../../../../pane";
import { RawAttributesComponent } from "./raw";
import { PrettyAttributesComponent } from "./pretty";

const BaseAttributesPaneComponent = () => (
  <PaneComponent header="Attributes" className="m-attributes">
    <div className="m-content">
      <RawAttributesComponent />
    </div>
  </PaneComponent>
);

export const AttributesPaneComponent = BaseAttributesPaneComponent;