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:
@@ -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/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user