packages/forms/src/error/index.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

import classnames from 'classnames';
import { Classes } from 'jss';
import { observer } from 'mobx-react';
import React, { Component } from 'react';
import injectSheet from 'react-jss';

import styles from './styles';

interface IProps {
  classes: Classes;
  message: string;
}

@observer
class ErrorComponent extends Component<IProps> {
  render() {
    const {
      classes,
      message,
    } = this.props;

    return (
      <p
        className={classes.message}
      >
        {message}
      </p>
    );
  }
}

export const Error = injectSheet(styles)(ErrorComponent);