nice-ui
Version:
React design system, components, and utilities
24 lines (23 loc) • 955 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ColorHueGrid = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const Color_1 = require("../../../../../styles/color/Color");
const ColorLine_1 = require("../ColorLine");
const Text_1 = require("../../../../../1-inline/Text");
const blockClass = (0, nano_theme_1.rule)({
pdb: '32px',
});
const gridClass = (0, nano_theme_1.rule)({
d: 'flex',
fld: 'column',
rowGap: '8px',
jc: 'center',
});
const ColorHueGrid = ({ name, hues, scales }) => {
return (React.createElement("div", { className: blockClass },
React.createElement(Text_1.Text, { as: 'h3' }, name),
React.createElement("div", { className: gridClass }, hues.map((hue, i) => (React.createElement(ColorLine_1.ColorLine, { key: i, scales: scales, color: new Color_1.Color(hue[0], hue[1], 50) }))))));
};
exports.ColorHueGrid = ColorHueGrid;