"use client";

import {ShieldCheck} from "lucide-react";

export const ROLE_LABEL:Record<string,string>={manager:"客户经理",reviewer:"评审员",admin:"配置管理员"};

export default function IdentitySelector({identity,dark=false,pending=false}:{identity:any;dark?:boolean;pending?:boolean}){
  const role=identity?.role||(pending?"":"manager");
  function switchRole(next:string){
    sessionStorage.removeItem("xingbang-access-token");
    sessionStorage.setItem("xingbang-demo-role",next);
    location.reload();
  }
  return <label className={`xb-role-switch role-${role}${dark?" dark":""}`}>
    <span>当前身份</span><ShieldCheck size={16}/>
    <select aria-label="切换演示身份" value={role} onChange={event=>switchRole(event.target.value)}>
      {pending&&<option value="" disabled>选择身份</option>}
      <option value="manager">客户经理</option><option value="reviewer">评审员</option><option value="admin">配置管理员</option>
    </select>
  </label>;
}