import Paper from '@mui/material/Paper';
import Typography from '@mui/material/Typography';

import { useGetGuestsQuery } from '../apiSlice'

function Admin() {
  const {
    data: guests,
    isLoading,
    isSuccess,
    isError,
    error
  } = useGetGuestsQuery()

  let content

  if (isLoading) {
    content = <Typography variant="h4">Loading...</Typography>
  } else if (isSuccess) {
    content = JSON.stringify(guests)
  } else if (isError) {
    content = <>{error.toString()}</>
  }

  return (
    <Paper>
      <Typography variant="h4" component="h4">
        Admin
      </Typography>
      {content}
    </Paper>
  )
}

export default Admin;