|
|
@@ -3,16 +3,14 @@ import "./warn-alert.css"; |
|
|
|
import AlertIcon from "./warn-icon.png"; |
|
|
|
|
|
|
|
function WarnAlert(props) { |
|
|
|
const { x, y, title, content } = props; |
|
|
|
return ( |
|
|
|
<div className="warn-alert"> |
|
|
|
<div className="warn-alert" style={{ top: `${y}px`, left: `${x}px` }}> |
|
|
|
<h1 className=""> |
|
|
|
<img src={AlertIcon} width={24} alt="icon" /> |
|
|
|
{props.title || "test"} |
|
|
|
{title || "test"} |
|
|
|
</h1> |
|
|
|
<p> |
|
|
|
{props.content || |
|
|
|
"Lorem ipsum dolor sit amet consectetur."} |
|
|
|
</p> |
|
|
|
<p>{content || "Lorem ipsum dolor sit amet consectetur."}</p> |
|
|
|
</div> |
|
|
|
); |
|
|
|
} |
|
|
|