import { Text, Textinput } from '@/components'; import PaymentTab from '@/components/Cards/PaymentsTab'; import CustomModal from '@/components/CustomModal'; import Button from '@/components/ui/Button'; import PageHeader from '@/components/ui/PageHeader'; import Head from 'next/head'; import Image from 'next/image'; import { useRouter } from 'next/router'; import { useState } from 'react'; import { Card, Col, Form, Row } from 'react-bootstrap'; import InputMask from 'react-input-mask'; // Importing react-input-mask import style from './index.module.scss'; const PaymentMethod = () => { // State for controlling modal visibility const [show, setShow] = useState(false); const [bookedSuccessfully, setBookedSuccessfully] = useState(false); // Functions to open and close the modal const handleShow = () => setShow(true); const handleClose = () => setShow(false); const router = useRouter(); return ( <> Payment Method | Deliver X <>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.
  • Price
    $ 25.00
  • Tax
    $2.30
  • Subtotal (incl.VAT)

    $27.30

{/*
Add New Card
 */}
{/* Modal for adding new card */}

Add Card

Card Holder Card Number {(inputProps: any) => ( )} Exp Month {(inputProps: any) => ( )} Exp Year {(inputProps: any) => ( )} CVC {(inputProps) => ( )}
setBookedSuccessfully(false)} className="text-center" >
checkked-icon Booked Successfully Your request for delivery service is booked successfully
); }; export default PaymentMethod;