jobiqo-cl/lib/src/components/02-atoms/01-forms/09-inline-error/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var styled = require('styled-components');
var styled__default = _interopDefault(styled);
var index = require('../../../../../node_modules/@reach/alert/es/index.js');

/**
 * @file index.tsx
 *
 * @fileoverview InlineError component.
 */
// This looks weird but necessary until a solution is found on https://github.com/styled-components/styled-components/pull/2093
// @ts-ignore: This is an anti patttern. remove when fixed in styled components.
const StyledMessage = styled__default(props => React__default.createElement(index.default, Object.assign({}, props))) `
  &[data-reach-alert] {
    color: ${props => props.theme.colors.danger};
  }
`;
/**
 * A message that is shown bellow a input when the input has an error. This message is a way for the user to get immediate feedback on form items
 * that error for example on blur.
 */
const InlineError = (props) => {
    const { message } = props;
    return (React__default.createElement(StyledMessage, { "data-testid": "alert", type: "polite" }, message));
};

exports.InlineError = InlineError;