1 files changed, 9 insertions, 6 deletions
diff --git a/components/dialogBox.tsx b/components/dialogBox.tsx
index 74fe99b..5ef5c3f 100644
--- a/components/dialogBox.tsx
+++ b/components/dialogBox.tsx
@@ -1,23 +1,25 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 
 import { Vierkant } from './ui';
 
 import CancelIcon from '@material-ui/icons/Cancel';
 
-interface DialogBoxProps {
+export function DialogBox(props: {
 	children: ReactNode;
 	title: string;
-}
-
-export function DialogBox(props: DialogBoxProps) {
+	style?: CSSProperties;
+	onclick?: () => void;
+}) {
 	return <Vierkant style={{
 		position: "fixed",
 		top: "50%", left: "50%",
 		transform: "translate(-50%, -50%)",
 		boxShadow: "0 8px 32px -5px #0007",
-		width: 392
+		width: 392,
+		...props.style
 	}}>
 		<h2 style={{ marginBottom: 24 }}>{props.title}</h2>
+		<span onClick={props.onclick}>
 		<CancelIcon style={{
 			position: "absolute",
 			top: 25, right: 25,
@@ -25,6 +27,7 @@ export function DialogBox(props: DialogBoxProps) {
 			opacity: .85,
 			cursor: "pointer"
 		}}/>
+		</span>
 		{props.children}
 	</Vierkant>
 }