Created the DialogHeader.jsx

This commit is contained in:
2022-12-28 03:37:54 +01:00
parent 59dbd2cb2f
commit e273a77bab

View File

@ -0,0 +1,18 @@
import "./styles.sass";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faClose} from "@fortawesome/free-solid-svg-icons";
export const DialogHeader = (props) => (
<div className="dialog-header">
<div className="info-area">
<div className="module-info">
<FontAwesomeIcon className="info-icon" icon={["fas", props.icon]}/>
</div>
<div className="text-area">
<h2>Neuer Link</h2>
<p>{props.module}</p>
</div>
</div>
<FontAwesomeIcon className="close-icon" icon={faClose} onClick={props.close}/>
</div>
)