import React from 'react'

import { NavigationProps } from './Navigation.types'

import './Navigation.css'

const Navigation = ({ user }: NavigationProps) => {
  return (
    <div className='bg-vapta-red flex items-center px-4 py-2 w-full'>
      <div className='text-right w-full'>
        <p className='text-xs text-red-100'>Signed in as {user && user.email}</p>
      </div>
    </div>
  )
}

export default Navigation
