"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const antd_1 = require("antd");
const misc_1 = require("./misc");
const columns = [
    { title: "Projects", dataIndex: "type", key: "type" },
    { title: "Now", dataIndex: "5min", key: "5m" },
    { title: "Hour", dataIndex: "1h", key: "1h" },
    { title: "Day", dataIndex: "1d", key: "1d" },
    { title: "Week", dataIndex: "7d", key: "7d" },
    { title: "Month", dataIndex: "30d", key: "30d" },
];
function ActiveProject({ created, active, running }) {
    const rows = [
        { type: "Actively being used", ...misc_1.ZEROS, ...active },
        { type: "Created", ...misc_1.ZEROS, "5min": "-", ...created },
    ];
    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h2", { children: ["Running Projects: ", running.free + running.member] }), (0, jsx_runtime_1.jsxs)("p", { children: ["There are ", running.free + running.member, " projects running right now. Track the number of projects that were actively being used and the number that were created below."] }), (0, jsx_runtime_1.jsx)(antd_1.Table, { dataSource: rows, columns: columns, bordered: true, pagination: false, rowKey: "type" })] }));
}
exports.default = ActiveProject;
//# sourceMappingURL=active-projects.js.map