'use client';

import List from '@/components/dashboard/expenses/expensesList'
import PopUpWrapper from '@/components/dashboard/expenses/popUpsWrapper'
import AddNewButton from '@/components/dashboard/expenses/parts/addNewButton'

export default function Page() {

  return (
    <>
      <main className="min-h-[250px] max-h-[750px]">
        <header className="relative w-full flex justify-center items-center">
          <PopUpWrapper />
          <AddNewButton />
        </header>        
        <main className="w-full min-h-screen h-auto flex flex-col gap-7">
          <List />
        </main>
      </main>
    </>
  );
}