import ErrorMessages from "@/components/common/error-messages";
import ExpenseTypeList from "@/components/expense-type/expense-type-list";
import getData from "@/utils/fetch";
import { Metadata } from "next";
import ExpenseTypeContent from "./content";

export const metadata: Metadata = {
  title: "expense type",
};

export default async function ExpenseType() {
  const response = await getData("/api/v1/expense-types");
  if (!response?.success) {
    return <ErrorMessages message={response?.message} />;
  }
  const {
    data: { data: expensesType },
    data: { pagination },
  } = response;
  return (
    <div>
      <ExpenseTypeContent />
      <div className="overflow-hidden shadow">
        <ExpenseTypeList
          initExpenseType={expensesType}
          initPagination={pagination}
        />
      </div>
    </div>
  );
}