23 lines
519 B
TypeScript
23 lines
519 B
TypeScript
import React from 'react';
|
|
|
|
import './Warning.scss';
|
|
|
|
interface WarningProps {
|
|
highlighted?: boolean;
|
|
}
|
|
|
|
const Warning: React.SFC<WarningProps> = ({ highlighted, children }) => {
|
|
const className = `Warning ${highlighted ? 'highlighted' : ''}`;
|
|
|
|
return (
|
|
<section className={className}>
|
|
<section className="Warning-icon">
|
|
<i className="fa fa-exclamation-triangle" />
|
|
</section>
|
|
<section className="Warning-content">{children}</section>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default Warning;
|