"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const Text_1 = require("../Text");
const pretty_number_1 = require("@based/pretty-number");
exports.default = ({ labels, labelHeight, valueFormat }) => {
    // let prevValue
    return labels.map((v, i) => {
        const value = v.label;
        // if (valueFormat === 'number-short' && ~~value === ~~prevValue) {
        //   return <div style={{ height: labelHeight }} />
        // }
        // prevValue = value
        return (react_1.default.createElement("div", { key: i, style: {
                height: labelHeight,
                display: 'flex',
                flexDirection: 'column',
                justifyContent: 'flex-end',
            } },
            react_1.default.createElement("div", { style: {
                    display: 'flex',
                    justifyContent: 'flex-end',
                } },
                react_1.default.createElement(Text_1.Text, { size: 12, weight: "strong" }, (0, pretty_number_1.prettyNumber)(value, valueFormat)))));
    });
};
//# sourceMappingURL=Labels.js.map