@chatui/core
Version:
The React library for Chatbot UI
37 lines • 1.22 kB
JavaScript
import React from 'react';
import clsx from 'clsx';
var Arc = function Arc(_ref) {
var className = _ref.className;
return /*#__PURE__*/React.createElement("svg", {
className: clsx('Arc', className),
viewBox: "0 0 12 12",
width: 6,
height: 6
}, /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
fillRule: "evenodd",
d: "M12 0C5.373 0 0 5.373 0 12V0z"
}));
};
export var Ribbon = function Ribbon(props) {
var className = props.className,
_props$position = props.position,
position = _props$position === void 0 ? 'left' : _props$position,
_props$size = props.size,
size = _props$size === void 0 ? 'md' : _props$size,
_props$color = props.color,
color = _props$color === void 0 ? 'primary' : _props$color,
children = props.children;
return /*#__PURE__*/React.createElement("div", {
className: clsx('Ribbon', className),
"data-position": position,
"data-size": size,
"data-color": color
}, /*#__PURE__*/React.createElement(Arc, {
className: "Arc-1"
}), /*#__PURE__*/React.createElement("span", {
className: "Ribbon-text"
}, children), /*#__PURE__*/React.createElement(Arc, {
className: "Arc-2"
}));
};