import React, { useState } from 'react';

function AdminPanel(props) {
  return <h1>Hello, {props.name}</h1>;
}
function UserPanel(props) {
  return <h1>Hello, {props.name}</h1>;
}

function App() {
  // Declare a new state variable, which we'll call "count"
  const [isUserAdmin, setUserAdmin] = useState(false);

  return (
    <div>
       <{isUserAdmin?<AdminPanel name="Admin"/>:<UserPanel name="User"/>}
    </div>
  );