@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
20 lines (19 loc) • 851 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import classNames from "classnames";
const COLOR = ["danger", "neutral"];
const paddingToClassNameMap = {
xs: "vuiPrompt--paddingXs",
s: "vuiPrompt--paddingS",
m: "vuiPrompt--paddingM",
l: "vuiPrompt--paddingL",
xl: "vuiPrompt--paddingXl",
xxl: "vuiPrompt--paddingXxl"
};
export const VuiPrompt = ({ children, className, onClick, color = "neutral", padding = "l", isSpeechBubble }) => {
const Component = onClick ? "button" : "div";
const classes = classNames(className, "vuiPrompt", `vuiPrompt--${color}`, paddingToClassNameMap[padding], {
"vuiPrompt--interactive": onClick !== undefined,
"vuiPrompt--speechBubble": isSpeechBubble
});
return (_jsx(Component, Object.assign({ className: classes, onClick: onClick }, { children: children })));
};