"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const 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
 */
const icon_1 = require("@cocalc/frontend/components/icon");
const antd_1 = require("antd");
const A_1 = __importDefault(require("components/misc/A"));
const layouts_1 = require("lib/styles/layouts");
const { Text } = antd_1.Typography;
function Overview() {
    return ((0, jsx_runtime_1.jsxs)("div", { 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", { style: { marginBottom: "30px" }, children: "Billing management" }), (0, jsx_runtime_1.jsxs)(layouts_1.OverviewRow, { children: [(0, jsx_runtime_1.jsxs)(layouts_1.Product, { icon: "credit-card", title: "Payment methods", href: "/billing/cards", children: ["Add, remove, or change your ", (0, jsx_runtime_1.jsx)(Text, { strong: true, children: "credit cards" }), "."] }), (0, jsx_runtime_1.jsxs)(layouts_1.Product, { icon: "calendar", title: "Subscriptions", href: "/billing/subscriptions", children: ["View or ", (0, jsx_runtime_1.jsx)(Text, { strong: true, children: "cancel" }), " your subscriptions"] }), (0, jsx_runtime_1.jsxs)(layouts_1.Product, { icon: "list", title: "Invoices and receipts", href: "/billing/receipts", children: ["View your ", (0, jsx_runtime_1.jsx)(Text, { strong: true, children: "invoices" }), " and", " ", (0, jsx_runtime_1.jsx)(Text, { strong: true, children: "receipts" })] }), (0, jsx_runtime_1.jsxs)(layouts_1.Product, { 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, { type: "secondary", children: ["(in ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "/licenses", children: "Licenses" }), ")"] })] })] }), (0, jsx_runtime_1.jsxs)("p", { children: ["You can also ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "/store/site-license", children: "buy a license" }), " at", " ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "/store", children: "the store" }), " and", " ", (0, jsx_runtime_1.jsx)(A_1.default, { 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, { href: "https://doc.cocalc.com/account/purchases.html#subscription-list", children: "the billing documentation" }), "."] })] }));
}
exports.default = Overview;
//# sourceMappingURL=overview.js.map