@brizy/ui/lib/ColorPalette/index.js

React elements in Brizy style

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ColorPalette = void 0;
const classNamesFn_1 = require("../classNamesFn");
const react_1 = __importDefault(require("react"));
const EditorIcon_1 = require("../EditorIcon");
const types_1 = require("../EditorIcon/types");
const item_1 = require("./item");
const constants_1 = require("../constants");
const ColorPalette = ({ className, palette, onChange, openSettings, value, }) => {
    const wrapperClassName = (0, classNamesFn_1.classNames)(className)("control__color-palette");
    return (react_1.default.createElement("div", { className: wrapperClassName },
        palette.map(({ id, hex }) => (react_1.default.createElement(item_1.PaletteItem, { key: id, id: id, value: value, hex: hex, onChange: onChange }))),
        openSettings && (react_1.default.createElement("div", { className: `${constants_1.BRZ_PREFIX}-control__color-palette__icon`, onClick: openSettings },
            react_1.default.createElement(EditorIcon_1.EditorIcon, { icon: types_1.IconsName.SettingsLegacy })))));
};
exports.ColorPalette = ColorPalette;