26 lines
754 B
React
26 lines
754 B
React
|
import React, { Component, PropTypes } from "react";
|
||
|
|
|
||
|
|
export default class DismissibleAlert extends Component {
|
||
|
|
render () {
|
||
|
|
let alertType = "alert-danger";
|
||
|
|
if (this.props.type) {
|
||
|
|
alertType = "alert-" + this.props.type;
|
||
|
|
}
|
||
|
|
return (
|
||
|
|
<div className={["alert", alertType].join(" ")} role="alert">
|
||
|
|
<p>
|
||
|
|
<button type="button" className="close" data-dismiss="alert" aria-label="Close">
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
</button>
|
||
|
|
{this.props.text}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
DismissibleAlert.propTypes = {
|
||
|
|
type: PropTypes.string,
|
||
|
|
text: PropTypes.string
|
||
|
|
};
|