24 lines
605 B
TypeScript
24 lines
605 B
TypeScript
import { Component } from "solid-js";
|
|
import { Handlers } from "../../types";
|
|
import { state, setState } from "../../state";
|
|
|
|
import "./Popup.css";
|
|
|
|
const Popup: Component<{ handlers: Handlers; onClose: () => void }> = (
|
|
props
|
|
) => {
|
|
return (
|
|
<div className="popup">
|
|
<div className="popup__box">
|
|
<button className="popup__close" onClick={props.onClose}>
|
|
<i class="las la-times"></i>
|
|
</button>
|
|
<h2 className="popup__title">Popup title</h2>
|
|
<div className="popup__content">{props.children}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Popup;
|