import * as React from "react";
import * as PropTypes from "prop-types";
import { Provider } from "react-redux";
import { configStore } from "./redux";
import EventsBrowser from "./components/containers/EventsBrowser";

import "./css/index.scss";

const store = configStore();
export default class RetracedEventsBrowser extends React.Component {
  static propTypes = {
    auditLogToken: PropTypes.string,
    apiTokenHelpURL: PropTypes.string,
    searchHelpURL: PropTypes.string,
    theme: PropTypes.string,
    customClass: PropTypes.string,
    host: PropTypes.string,
    header: PropTypes.string,
    mount: PropTypes.bool,
  };
  static defaultProps = {
    header: "Events",
    host: "https://api.retraced.io/viewer/v1",
    apiTokenHelpURL: "https://preview.retraced.io/documentation/apis/enterprise-api/",
    searchHelpURL: "https://preview.retraced.io/documentation/apis/graphql/#search",
    mount: true,
  }
  render() {
    return (
      <div id="retracedLogsViewerApp" className={`retraced-logs-viewer-app u-minHeight--full ${this.props.customClass || ""} ${this.props.theme || ""}`}>
        <Provider store={store}>
          <EventsBrowser
              auditLogToken={this.props.auditLogToken}
              mount={this.props.mount}
              headerTitle={this.props.header}
              host={this.props.host}
              apiTokenHelpURL={this.props.apiTokenHelpURL}
              searchHelpURL={this.props.searchHelpURL} />
        </Provider>
      </div>
    );
  }
};