"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var jsx_runtime_1 = require("react/jsx-runtime");
/*
 *  This file is part of CoCalc: Copyright © 2021 Sagemath, Inc.
 *  License: AGPLv3 s.t. "Commons Clause" – see LICENSE.md for details
 */
var icon_1 = require("@cocalc/frontend/components/icon");
var antd_1 = require("antd");
var A_1 = __importDefault(require("components/misc/A"));
var layouts_1 = require("lib/styles/layouts");
var Text = antd_1.Typography.Text;
function Overview() {
    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: layouts_1.OVERVIEW_STYLE }, { children: [(0, jsx_runtime_1.jsx)(icon_1.Icon, { style: layouts_1.OVERVIEW_LARGE_ICON_MARGIN, name: "credit-card" }), (0, jsx_runtime_1.jsx)("h2", __assign({ style: { marginBottom: "30px" } }, { children: "Billing management" })), (0, jsx_runtime_1.jsxs)(layouts_1.OverviewRow, { children: [(0, jsx_runtime_1.jsxs)(layouts_1.Product, __assign({ icon: "credit-card", title: "Payment methods", href: "/billing/cards" }, { children: ["Add, remove, or change your ", (0, jsx_runtime_1.jsx)(Text, __assign({ strong: true }, { children: "credit cards" })), "."] })), (0, jsx_runtime_1.jsxs)(layouts_1.Product, __assign({ icon: "calendar", title: "Subscriptions", href: "/billing/subscriptions" }, { children: ["View or ", (0, jsx_runtime_1.jsx)(Text, __assign({ strong: true }, { children: "cancel" })), " your subscriptions"] })), (0, jsx_runtime_1.jsxs)(layouts_1.Product, __assign({ icon: "list", title: "Invoices and receipts", href: "/billing/receipts" }, { children: ["View your ", (0, jsx_runtime_1.jsx)(Text, __assign({ strong: true }, { children: "invoices" })), " and", " ", (0, jsx_runtime_1.jsx)(Text, __assign({ strong: true }, { children: "receipts" }))] })), (0, jsx_runtime_1.jsxs)(layouts_1.Product, __assign({ icon: "key", title: "Manage licenses", href: "/licenses/managed" }, { children: ["View and manage your licenses", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(Text, __assign({ type: "secondary" }, { children: ["(in ", (0, jsx_runtime_1.jsx)(A_1.default, __assign({ href: "/licenses" }, { children: "Licenses" })), ")"] }))] }))] }), (0, jsx_runtime_1.jsxs)("p", { children: ["You can also ", (0, jsx_runtime_1.jsx)(A_1.default, __assign({ href: "/store/site-license" }, { children: "buy a license" })), " at", " ", (0, jsx_runtime_1.jsx)(A_1.default, __assign({ href: "/store" }, { children: "the store" })), " and", " ", (0, jsx_runtime_1.jsx)(A_1.default, __assign({ href: "/licenses/managed" }, { children: "browse your existing licenses" })), "."] }), (0, jsx_runtime_1.jsxs)("p", { children: ["More general, you can also read", " ", (0, jsx_runtime_1.jsx)(A_1.default, __assign({ href: "https://doc.cocalc.com/account/purchases.html#subscription-list" }, { children: "the billing documentation" })), "."] })] })));
}
exports.default = Overview;
//# sourceMappingURL=overview.js.map