"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.InfoBox = InfoBox;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_native_1 = require("react-native");
const zero = tslib_1.__importStar(require("../../ui"));
const { bg, r, p, text, layout, gap, flex } = zero;
function InfoBox({ icon: Icon, label, value, status = "neutral", }) {
    const statusColors = {
        good: text.green[400],
        warning: text.yellow[400],
        error: text.red[400],
        neutral: text.white,
    };
    const statusColor = statusColors[status];
    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
            flex.values[1],
            layout.flex.column,
            layout.flex.spaceBetween,
            layout.flex.alignCenter,
            bg.neutral[700],
            r.sm,
            p[2],
        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
                    layout.flex.row,
                    layout.flex.spaceBetween,
                    gap.all[3],
                    zero.w.percent[100],
                ], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [text.gray[100], { fontSize: 13, fontWeight: "500" }], children: label }), (0, jsx_runtime_1.jsx)(Icon, { size: 16, color: "#9ca3af" })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [layout.flex.align.end, zero.w.percent[100]], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [statusColor, { fontSize: 26, fontWeight: "600" }], children: value }) })] }));
}
//# sourceMappingURL=info-box.js.map