import React from "react";
import { useNotice } from "../context/NoticeContext";

export default function NoticePopup() {
  const { notice, hideNotice } = useNotice();

  if (!notice) return null;

  return (
    <div className={`wpgsa-notice wpgsa-${notice.type}`}>
      <span>{notice.message}</span>
      <button onClick={hideNotice}>×</button>
    </div>
  );
}