"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StatCard = exports.StatRow = exports.NavCard = exports.CardGrid = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var Card_module_scss_1 = tslib_1.__importDefault(require("./Card.module.scss"));
var Icon_1 = require("./Icon");
var CardGrid = function (_a) {
    var children = _a.children;
    return (React.createElement("div", { className: Card_module_scss_1.default.grid }, children));
};
exports.CardGrid = CardGrid;
var NavCard = function (_a) {
    var icon = _a.icon, title = _a.title, description = _a.description, onClick = _a.onClick;
    return (React.createElement("a", { className: Card_module_scss_1.default.navCard, onClick: function (e) { e.preventDefault(); onClick(); }, href: "#" },
        React.createElement("div", { className: Card_module_scss_1.default.navIcon },
            React.createElement(Icon_1.Icon, { name: icon })),
        React.createElement("div", null,
            React.createElement("div", { className: Card_module_scss_1.default.navTitle }, title),
            React.createElement("div", { className: Card_module_scss_1.default.navDesc }, description)),
        React.createElement("div", { className: Card_module_scss_1.default.navArrow },
            React.createElement(Icon_1.Icon, { name: "chevron-right", size: "sm" }))));
};
exports.NavCard = NavCard;
var StatRow = function (_a) {
    var children = _a.children;
    return (React.createElement("div", { className: Card_module_scss_1.default.statRow }, children));
};
exports.StatRow = StatRow;
var StatCard = function (_a) {
    var label = _a.label, value = _a.value;
    return (React.createElement("div", { className: Card_module_scss_1.default.statCard },
        React.createElement("div", { className: Card_module_scss_1.default.statLabel }, label),
        React.createElement("div", { className: Card_module_scss_1.default.statValue }, value)));
};
exports.StatCard = StatCard;
//# sourceMappingURL=Card.js.map