@brizy/ui/es/FieldPlaceholder/index.js

React elements in Brizy style

import React, { useCallback } from "react";
import { classNames } from "../classNamesFn";
import { ifElse } from "ramda";
import { getFieldsStyleTheme } from "../utils/getFieldsTheme";
import { getBorderColor } from "./utils";
import { emptyStyles, isString } from "../utils";
export const FieldPlaceholder = (props) => {
    const { size = "middle", theme, disabled, children, onClick } = props;
    const fieldPlaceholderClassName = classNames()("fieldplaceholder", {
        [`fieldplaceholder--${size}`]: size,
        "fieldplaceholder--disabled": disabled,
    });
    const _onClick = useCallback(() => {
        onClick === null || onClick === void 0 ? void 0 : onClick();
    }, [onClick]);
    const makeBorder = ifElse(isString, getBorderColor, emptyStyles);
    return (React.createElement("div", { className: fieldPlaceholderClassName, style: Object.assign(Object.assign({}, getFieldsStyleTheme(theme)), makeBorder(theme === null || theme === void 0 ? void 0 : theme.border)), onClick: _onClick }, children));
};