import { useUserContext } from '../../../contexts/UserContext'

import './style.scss'

export const AppFooter = () => {
  const { user, selectedAccount } = useUserContext()

  return (
    <div className="stax-footer">
      <p>User: {user?.name}</p>
      <p>|</p>
      <p>Budget: {selectedAccount?.name}</p>
      <p>|</p>
    </div>
  )
}