phx-react
Version:
PHX REACT
32 lines • 1.36 kB
JavaScript
;
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',
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