Modal (Popup) Component

A Component that contains a button to open a modal. Containing A message and a button to abort and send
This commit is contained in:
brausjonas
2023-05-04 11:55:28 +02:00
parent cc39ce4e90
commit 5394e7fc3c
4 changed files with 102 additions and 30 deletions
+5 -21
View File
@@ -1,32 +1,16 @@
import {Inter} from 'next/font/google'
import React, {useState} from "react";
import StatusBar from "@/components/StatusBar";
import Button from "@/components/Button";
import {arrowLeft, arrowRight} from "@/components/Icons";
import PopUp from "@/components/PopUp";
const inter = Inter({subsets: ['latin']})
export default function Home(p) {
const [pr, setPr] = useState(0)
return (
<div style={{
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "space-between",
gap: 30
}}>
<Button onClick={() => {
setPr(pr - 50)
}} width={50} height={50} icon={arrowLeft}/>
<StatusBar progress={pr}/>
<Button onClick={() => {
setPr(pr + 50)
}} width={50} height={50} icon={arrowRight}/>
</div>
<>
<PopUp/>
</>
)
}