@chatui/core
Version:
The React library for Chatbot UI
44 lines (43 loc) • 1.55 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Ribbon = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var Arc = function Arc(_ref) {
var className = _ref.className;
return /*#__PURE__*/_react.default.createElement("svg", {
className: (0, _clsx.default)('Arc', className),
viewBox: "0 0 12 12",
width: 6,
height: 6
}, /*#__PURE__*/_react.default.createElement("path", {
fill: "currentColor",
fillRule: "evenodd",
d: "M12 0C5.373 0 0 5.373 0 12V0z"
}));
};
var Ribbon = exports.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.default.createElement("div", {
className: (0, _clsx.default)('Ribbon', className),
"data-position": position,
"data-size": size,
"data-color": color
}, /*#__PURE__*/_react.default.createElement(Arc, {
className: "Arc-1"
}), /*#__PURE__*/_react.default.createElement("span", {
className: "Ribbon-text"
}, children), /*#__PURE__*/_react.default.createElement(Arc, {
className: "Arc-2"
}));
};