@chatui/core
Version:
The React library for Chatbot UI
22 lines • 788 B
JavaScript
import React from 'react';
import clsx from 'clsx';
import { Text } from '../Text';
export var StatusBadge = function StatusBadge(props) {
var className = props.className,
text = props.text;
return /*#__PURE__*/React.createElement("div", {
className: clsx('StatusBadge', className)
}, /*#__PURE__*/React.createElement("svg", {
className: "StatusBadge-bg",
width: "48",
height: "20",
fill: "none",
viewBox: "0 0 96 40"
}, /*#__PURE__*/React.createElement("path", {
fill: "var(--status-badge-bg)",
d: "M0 0c6.627 0 12 5.373 12 12V0zm84 28c6.627 0 12 5.373 12 12V28zM12 0h72c6.627 0 12 5.373 12 12v16H24c-6.627 0-12-5.373-12-12Z"
})), /*#__PURE__*/React.createElement(Text, {
className: "StatusBadge-text",
truncate: true
}, text));
};