export function Header({ roleLabel }) {
  return (
    <header className="topbar">
      <div>
        <h1 className="page-mini-title">Dashboard</h1>
      </div>
      <div className="profile-box">
        <div>
          <strong>{roleLabel}</strong>
          <p>{roleLabel === "Finance Officer" ? "Government Office" : "Mogadishu Central Notary"}</p>
        </div>
        <button className="ghost-button">Sign out</button>
      </div>
    </header>
  );
}
