@ntragas/pouncejstest/dist/cjs/components/FormError/FormError.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _Icon = _interopRequireDefault(require("../Icon"));

var _Text = _interopRequireDefault(require("../Text"));

/**
 * Extends Box
 *
 * A utility component that quickly allows you to add error messages to form fields
 */
var FormError = function FormError(_ref) {
  var children = _ref.children,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["children"]);
  return /*#__PURE__*/_react.default.createElement(_Text.default, (0, _extends2.default)({
    display: "flex",
    alignItems: "center",
    color: "red-300",
    fontSize: "small",
    fontStyle: "italic",
    role: "alert"
  }, rest), /*#__PURE__*/_react.default.createElement(_Icon.default, {
    size: "medium",
    type: "warning",
    mr: 1,
    flex: "0 0 auto"
  }), children);
};

var _default = FormError;
exports.default = _default;