@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
7 lines (6 loc) • 524 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from "classnames";
export const VuiScreenBlock = ({ onClick, children, color = "neutral", type = "default", isHidden = false }) => {
const classes = classNames("vuiScreenBlock", `vuiScreenBlock--${color}`, `vuiScreenBlock--${type}`, isHidden && "vuiScreenBlock-isHidden");
return (_jsxs("div", Object.assign({ className: classes }, { children: [children, _jsx("div", { className: "vuiScreenBlock__mask", onClick: onClick })] })));
};