@brizy/ui
Version:
React elements in Brizy style
22 lines (21 loc) • 1.39 kB
JavaScript
import React, { Children } from "react";
import { classNames } from "../../classNamesFn";
import { Inline } from "../../Inline";
import { BRZ_PREFIX } from "../../constants";
export const ToolbarOption = (props) => {
const { label, labelHorizontal, children } = props;
const className = classNames()("toolbar__option", {
[`toolbar__option--horizontal-${labelHorizontal}`]: labelHorizontal,
});
const content = Children.map(children, (child, key) => (React.createElement("div", { key: key, className: `${BRZ_PREFIX}-toolbar__option-control` }, child)));
return (React.createElement("div", { className: className },
labelHorizontal === "left" && (React.createElement(Inline, { alignY: "center", align: "between" },
label != undefined && React.createElement("label", { className: `${BRZ_PREFIX}-toolbar__option-label` }, label),
content)),
labelHorizontal === "right" && (React.createElement(Inline, { alignY: "center", align: "between" },
content,
label != undefined && React.createElement("label", { className: `${BRZ_PREFIX}-toolbar__option-label` }, label))),
labelHorizontal === undefined && (React.createElement(React.Fragment, null,
label != undefined && React.createElement("label", { className: `${BRZ_PREFIX}-toolbar__option-label` }, label),
content))));
};