Allow to adjust prompt styling

Author: jvorcak

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webscopeio/react-console",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "React component that emulates console behaviour",
   "author": "jvorcak",
   "license": "MIT",

src/index.tsx

@@ -13,6 +13,7 @@ export type Props = {
   welcomeMessage?: string,
   autoFocus: boolean,
   noCommandFound: (str: string) => Promise<string>,
+  promptClassName?: string,
 }
 
 type State = {
@@ -106,8 +107,13 @@ export default class ReactConsole extends React.Component<Props, State> {
     const {
       prompt,
       autoFocus,
+      promptClassName,
     } = this.props;
 
+    const promptClass = promptClassName
+      ? `${styles.prompt} ${promptClassName}`
+      : styles.prompt;
+
     return (
       <div className={styles.wrapper} onClick={this.focusConsole} ref={ref => this.wrapperRef = ref}>
         <div>
@@ -123,7 +129,9 @@ export default class ReactConsole extends React.Component<Props, State> {
           onSubmit={this.onSubmit}
         >
           <div className={styles.promptWrapper}>
-            <span className={styles.prompt}>{prompt}&nbsp;</span>
+            <span
+              className={promptClass}
+            >{prompt}&nbsp;</span>
             <input
               disabled={this.state.commandInProgress}
               ref={ref => this.inputRef = ref}