"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 });
exports.OverviewRow = exports.Product = exports.OVERVIEW_LARGE_ICON_MARGIN = exports.OVERVIEW_LARGE_ICON = exports.OVERVIEW_STYLE = void 0;
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 theme_1 = require("@cocalc/util/theme");
var antd_1 = require("antd");
var A_1 = __importDefault(require("components/misc/A"));
var gridProps = { sm: 24, md: 12 };
exports.OVERVIEW_STYLE = {
    textAlign: "center",
    width: "75%",
    margin: "0px auto 0px auto",
};
exports.OVERVIEW_LARGE_ICON = {
    fontSize: "100px",
    color: theme_1.COLORS.COCALC_BLUE,
    borderRadius: "50%",
    backgroundColor: theme_1.COLORS.COCALC_ORANGE,
    border: "15px solid ".concat(theme_1.COLORS.COCALC_BLUE),
    padding: "20px 20px 15px 15px",
    display: "inline-block",
    margin: "30px 0px 40px 0px",
    boxShadow: "0px 2px 10px 2px",
};
// variation of the above, since some icons need more margin
exports.OVERVIEW_LARGE_ICON_MARGIN = __assign(__assign({}, exports.OVERVIEW_LARGE_ICON), { padding: "23px 20px 20px 20px", fontSize: "80px" });
function Product(_a) {
    var icon = _a.icon, title = _a.title, href = _a.href, children = _a.children;
    return ((0, jsx_runtime_1.jsxs)(antd_1.Col, __assign({}, gridProps, { children: [(0, jsx_runtime_1.jsxs)(A_1.default, __assign({ href: href }, { children: [(0, jsx_runtime_1.jsx)(icon_1.Icon, { style: { fontSize: "50px", fontWeight: "bold", display: "block" }, name: icon }), (0, jsx_runtime_1.jsx)("p", __assign({ style: { fontSize: "25px", marginBottom: "15px" } }, { children: title }))] })), children] })));
}
exports.Product = Product;
function OverviewRow(_a) {
    var children = _a.children;
    return ((0, jsx_runtime_1.jsx)(antd_1.Row, __assign({ gutter: [25, 50], style: { marginTop: "30px", marginBottom: "60px" } }, { children: children })));
}
exports.OverviewRow = OverviewRow;
//# sourceMappingURL=layouts.js.map