stitch-ui/src/core/components/Error.js

// TODO proptypes
/* eslint-disable react/prop-types */
import React from "react"; // eslint-disable-line no-unused-vars
import classNames from "classnames";

export default function Error({ error, small, onClear }) {
  if (!error) {
    return null;
  }
  return (
    <div
      className={classNames("error", {
        "error-is-small": small
      })}
    >
      {error}
      {onClear !== undefined &&
        <div className="error-clear" onClick={onClear}>
          {"×"}
        </div>}
    </div>
  );
}