"use strict";
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;
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 theme_1 = require("@cocalc/util/theme");
const antd_1 = require("antd");
const A_1 = __importDefault(require("components/misc/A"));
const 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 ${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 = {
    ...exports.OVERVIEW_LARGE_ICON,
    padding: "23px 20px 20px 20px",
    fontSize: "80px",
};
function Product({ icon, title, href, children }) {
    return ((0, jsx_runtime_1.jsxs)(antd_1.Col, { ...gridProps, children: [(0, jsx_runtime_1.jsxs)(A_1.default, { 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", { style: { fontSize: "25px", marginBottom: "15px" }, children: title })] }), children] }));
}
exports.Product = Product;
function OverviewRow({ children }) {
    return ((0, jsx_runtime_1.jsx)(antd_1.Row, { gutter: [25, 50], style: { marginTop: "30px", marginBottom: "60px" }, children: children }));
}
exports.OverviewRow = OverviewRow;
//# sourceMappingURL=layouts.js.map