"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var core_1 = require("@chakra-ui/core");
var styled_1 = __importDefault(require("@emotion/styled"));
var client_1 = require("../lib/client");
var CenteredPage = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n"])));
function LoadingPage() {
    return (<CenteredPage>
      <core_1.Spinner />
    </CenteredPage>);
}
function SetupConfigPage() {
    var runwayState = client_1.useRunwayState();
    var Init = client_1.useRunwayActions().Init;
    return (<>
      <h2>Welcome</h2>
      <p>
        You don't have a config file yet. Should we set up Runway in{" "}
        {runwayState === null || runwayState === void 0 ? void 0 : runwayState.proposedConfigLocation}
      </p>
      <core_1.Button onClick={function () {
        Init();
    }}>
        Get Started
      </core_1.Button>
    </>);
}
function HomePage() {
    var runwayState = client_1.useRunwayState();
    if (!runwayState) {
        return <LoadingPage />;
    }
    if (!runwayState.configLocation) {
        return <SetupConfigPage />;
    }
    return (<div>
      <h2>Aven Runway</h2>
    </div>);
}
exports.default = HomePage;
var templateObject_1;