// import cls from "./index.module.css";
import "./warn-alert.css";
import AlertIcon from "./warn-icon.png";

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

export default WarnAlert;
