@brizy/ui
Version:
React elements in Brizy style
15 lines (14 loc) • 745 B
JavaScript
import React, { useCallback } from "react";
import { EditorIcon } from "../../EditorIcon";
import { classNames } from "../../classNamesFn";
import { BRZ_PREFIX } from "../../constants";
export const TabListItem = ({ title, active, value, onChange, icon, label }) => {
const _onChange = useCallback(() => onChange(value), [value, onChange]);
const className = classNames()("li", "control__tab", {
control__tab__icon: icon,
"control__tab--active": active === value,
});
return (React.createElement("li", { title: title, className: className, onClick: _onChange },
icon && React.createElement(EditorIcon, { icon: icon }),
React.createElement("span", { className: `${BRZ_PREFIX}-span` }, label)));
};