2019-10-31 15:40:34 +01:00
|
|
|
import PropTypes from "prop-types";
|
|
|
|
|
|
|
|
const ErrorMessage = ({ message }) => (
|
2017-07-01 23:56:12 +02:00
|
|
|
<aside>
|
|
|
|
{message}
|
|
|
|
<style jsx>{`
|
|
|
|
aside {
|
|
|
|
padding: 1.5em;
|
|
|
|
font-size: 14px;
|
|
|
|
color: white;
|
|
|
|
background-color: red;
|
|
|
|
}
|
|
|
|
`}</style>
|
|
|
|
</aside>
|
|
|
|
);
|
2019-10-31 15:40:34 +01:00
|
|
|
|
|
|
|
ErrorMessage.propTypes = {
|
2019-11-11 04:24:53 +01:00
|
|
|
message: PropTypes.string.isRequired,
|
2019-10-31 15:40:34 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
export default ErrorMessage;
|