import React from "react";
import styles from "./Transactions.module.css";
import { requestNotificationPermission } from '../services/notificationService'; // Import the notification service

export default function Transaction_pending({ close }) {
  // const containerStyle = {
  //   display: "flex",
  //   justifyContent: "center",
  //   alignItems: "center",
  //   width: "100%",
  //   height: "100%",
  //   backgroundColor: "",
  // };

  return (
    <div className={styles.Transaction}>
        <div style={{ textAlign: "center", padding: '10px' }}>
          
          <h2>Kedai ini sedang tidak tersedia saat ini.</h2>
          <p style={{ marginTop: "20px", color: "black" }}>
          
          </p>
          <button
            onClick={close}
            style={{
              marginTop: "10px",
              padding: "10px 20px",
              fontSize: "16px",
              cursor: "pointer",
              backgroundColor: "#4CAF50",
              color: "#fff",
              border: "none",
              borderRadius: "20px",
            }}
          >
            Tutup
          </button>
        </div>
    </div>
  );
}
