import React, { useEffect, useState } from "react";

const Dashboard = () => {
  const [role, setRole] = useState("");

  useEffect(() => {
    const role = localStorage.getItem("role");
    if (role) {
      setRole(role);
    }
  }, []);

  return (
    <div style={{ color: "#fff", textAlign: "center", marginTop: "2rem" }}>
      <h1>Dashboard</h1>
      <p>Welcome! You are logged in.</p>
      {role === "SUPER" && <p style={{ fontWeight: "bold" }}>You are SUPER</p>}
    </div>
  );
};

export default Dashboard;