"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.App = void 0;
const react_1 = __importDefault(require("react"));
const ink_1 = require("ink");
const ink_divider_1 = __importDefault(require("ink-divider"));
const services_list_1 = __importDefault(require("../containers/services-list"));
const packages_list_1 = __importDefault(require("../containers/packages-list"));
const action_panel_1 = __importDefault(require("../containers/action-panel"));
const term_size_1 = __importDefault(require("term-size"));
const ascii_1 = require("../../utils/ascii");
const handle_1 = require("../inputs/handle");
const lerna_status_1 = __importDefault(require("../containers/lerna-status"));
exports.App = () => {
    ink_1.useInput(handle_1.handleUserInput);
    const termSize = term_size_1.default();
    return (react_1.default.createElement(ink_1.Box, { height: termSize.rows - 5, width: "100%", flexDirection: 'column', padding: 1 },
        react_1.default.createElement(ink_1.Box, null, ascii_1.showOff()),
        react_1.default.createElement(lerna_status_1.default, null),
        react_1.default.createElement(ink_1.Box, null,
            react_1.default.createElement(ink_1.Box, { height: "100%", width: "50%", flexDirection: 'column' },
                react_1.default.createElement(ink_1.Text, { bold: true }, "Packages"),
                react_1.default.createElement(ink_divider_1.default, null),
                react_1.default.createElement(packages_list_1.default, null),
                react_1.default.createElement(ink_1.Text, null, " "),
                react_1.default.createElement(ink_1.Text, { bold: true }, "Services"),
                react_1.default.createElement(ink_divider_1.default, null),
                react_1.default.createElement(services_list_1.default, null)),
            react_1.default.createElement(ink_1.Box, { height: "100%", width: "50%", flexDirection: 'column' },
                react_1.default.createElement(action_panel_1.default, null)))));
};
//# sourceMappingURL=main.js.map