node-red-contrib-chatbot
Version:
REDBot a Chat bot for a full featured chat bot for Telegram, Facebook Messenger and Slack. Almost no coding skills required
42 lines (36 loc) • 780 B
JavaScript
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import { Slider } from 'rsuite';
import './style.scss';
const Confidence = ({
value,
onChange = () => {},
...rest
}) => {
return (
<div className="ui-confidence">
<div className="slider">
<Slider
value={value}
min={1}
step={1}
max={100}
onChange={onChange}
{...rest}
/>
</div>
<div className="value">
{value != null && (
<Fragment>
<span className="number">{value}</span> <span className="unit">%</span>
</Fragment>
)}
</div>
</div>
);
};
Confidence.propTypes = {
onChange: PropTypes.func,
value: PropTypes.number
};
export default Confidence;