2020-03-27 13:59:38 -07:00
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
export default
|
|
|
|
class ExplanationBox extends React.PureComponent {
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const { title, explanation, dismissable } = this.props;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className='explanation-box'>
|
|
|
|
{title && <div className='explanation-box__title'>{title}</div>}
|
|
|
|
<div className='explanation-box__explanation'>
|
|
|
|
{explanation}
|
|
|
|
{dismissable && <span className='explanation-box__dismiss'>Dismiss</span>}
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-04-14 11:44:40 -07:00
|
|
|
);
|
2020-03-27 13:59:38 -07:00
|
|
|
}
|
2020-04-14 11:44:40 -07:00
|
|
|
|
2020-03-27 13:59:38 -07:00
|
|
|
}
|