import React, { useEffect, useState } from "react";
import method1 from "../../../assets/images/payment-method-1.png";
import method2 from "../../../assets/images/payment-method-2.png";
import method3 from "../../../assets/images/payment-method-3.png";
import method4 from "../../../assets/images/payment-method-4.png";
import CardList from "./CardList";


export default function PaymentMathodsTab() {
  return (
    <>
      <div className="payment-method-tab w-full">
        <div className="payment-item-wrapper w-full">
          <CardList />
          <div className="py-7 flex space-x-4">
            <button
              type="button"
              className="btn-shine  text-white text-18 bg-pink tracking-wide px-4 py-3 rounded-full"
            >
              Add Bank
            </button>
            <button
              type="button"
              className="text-white text-18 bg-light-green tracking-wide px-4 py-3 rounded-full"
            >
              Add Card
            </button>
          </div>
        </div>
      </div>
    </>
  );
}
