@brizy/ui/es/ColorPalette/item.js

React elements in Brizy style

import React, { useCallback } from "react";
import { classNames } from "../classNamesFn";
export const PaletteItem = ({ id, hex, onChange, value }) => {
    const className = classNames()("control__color-palette__item", {
        "control__color-palette__item--active": id === value,
    });
    const _onChange = useCallback(() => onChange(id), [id, onChange]);
    return React.createElement("div", { className: className, style: { backgroundColor: hex }, onClick: _onChange });
};