"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXLegend = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const HorizontalStack_1 = require("../HorizontalStack");
const TextV2_1 = require("../TextV2");
const PHXLegend = ({ children }) => {
    return (react_1.default.createElement(HorizontalStack_1.PHXHorizontalStack, { gapX: 'loose', gapY: 'loose', items: 'start' }, children));
};
exports.PHXLegend = PHXLegend;
const Item = ({ color, label }) => {
    const colorMap = {
        default: 'bg-gray-800',
        subdued: 'bg-gray-500',
        critical: 'bg-red-600',
        success: 'bg-emerald-600',
        primary: 'bg-gray-900',
        secondary: 'text-gray-700',
        warning: 'bg-[#FFD6A4]',
        info: 'bg-[#91D0FF]',
        highlight: 'bg-[#89F5B5]',
        neutral: 'bg-[#F0F0F0]',
        attention: 'bg-[#FFEF9D]',
        decorative: 'bg-[#F8D1FF]',
        danger: 'bg-[#FFC1BF]',
    };
    return (react_1.default.createElement(HorizontalStack_1.PHXHorizontalStack, { gapX: 'atomic', justify: 'center', items: 'center' },
        react_1.default.createElement("div", { className: `w-3 h-3 rounded-sm ${colorMap[color]}` }),
        react_1.default.createElement(TextV2_1.PHXTextV2, { size: 'micro' }, label)));
};
exports.PHXLegend.Item = Item;
//# sourceMappingURL=Legend.js.map