node-red-contrib-chatbot/src/components/help-elements/index.js

REDBot a Chat bot for a full featured chat bot for Telegram, Facebook Messenger and Slack. Almost no coding skills required

import React from 'react';
import { Tag, Icon } from 'rsuite';

import './style.scss';

const NodeRedNode = ({ children }) => <Tag style={{ backgroundColor: '#ff6633', color: '#ffffff' }}>{children}</Tag>;

const NodeRedUrl = ({ children }) => <Tag style={{ backgroundColor: '#3399AA', color: '#ffffff', fontSize: '14px' }}>{children}</Tag>;

const SlugHelp = () => (
  <p>
    Content is selected by a <em>slug</em>, a quick shortcut to identify the same content across different languages.
    Click on the language label to edit the content for a specific language or click on <Icon icon="plus-square"/> to create one.
  </p>
);

const TypeCommand = ({ children }) => (
  <code className="ui-type-command">{children}</code>
);

const ChatbotStatus = ({ children }) => <Tag color="orange" className="ui-chatbot-status">{children}</Tag>;

export { NodeRedNode, SlugHelp, TypeCommand, ChatbotStatus, NodeRedUrl };