<script language="JavaScript">
<!--
function _AN_global_var_init(){
	_AN_this_url = "/prx/000/";
	_AN_base_scheme = "https";
	_AN_base_host = "https://raw.githubusercontent.com";
	_AN_base_path = "https://raw.githubusercontent.com/devagrawal09/solid-socket/refs/heads/next/src/components/";
	_AN_encode_urls = 0;
	_AN_mpo = 1;
	_AN_md = 0;
	_AN_rel_urls = 1;
	_AN_nav_switch = 0;
	_AN_nav_allowurl = 1;
	_AN_nav_override = 0;
	_AN_has_iframe = 0;
	_AN_dbg_flags = null;
	_AN_nav_use_aaa = 1;
	_AN_expires_pass = 0;
	_AN_wrap_evthandlers = 0;
	_AN_rewrite_param_exact = 0;
	_AN_obj_params = {};
} 
_AN_global_var_init();
//-->
</script>
<script language="JavaScript" src="/prx/001/http/localh/an_util.js"></script>
<script language="JavaScript" src="/prx/001/http/localh/NSLib.js"></script>

import { login, logout } from "~/lib/auth";

export function Login() {
  return (
    <form action="/prx/000/https/raw.githubusercontent.com/devagrawal09/solid-socket/refs/heads/next/src/components/{login}" method="post" style="{{" text-align : center , margin-top : 100px , font-size : 20px , }>
      <input type="text" name="userId" style="{{" background-color : #f2f2f2 , border 1px solid grey , border-radius : 5px , color black , padding 15px 32px , text-align : center , text-decoration : none , display inline-block , font-size : 16px , margin 4px 2px , } placeholder="Username" />
      <button type="submit" style="{{" background-color : #4CAF50 , border none , border-radius : 5px , color white , padding 15px 32px , text-align : center , text-decoration : none , display inline-block , font-size : 16px , margin 4px 2px , cursor pointer , }>
        Login
      </button>
    </form>
  );
}

export function Logout() {
  return (
    <form action="/prx/000/https/raw.githubusercontent.com/devagrawal09/solid-socket/refs/heads/next/src/components/{logout}" method="post" style="{{" text-align : center , font-size : 20px , float right , }>
      <button type="submit" style="{{" background-color : #f44336 , border-radius : 5px , color white , padding 5px 10px , text-align : center , text-decoration : none , display inline-block , font-size : 16px , margin 4px 2px , cursor pointer , }>
        Logout
      </button>
    </form>
  );
}
