import React, { useState, useEffect } from "react";
import { fetchExpenses } from "../../../../APIs/ExpensesApi";
import ExpensesTables from "./ExpensesTables";

const Expenses = () => {
  const [expensesData, setexpensesData] = useState([]);
  

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetchExpenses();
        setexpensesData(response.results);
      } catch (error) {
        console.error('Error fetching sales data:', error);
      }
    };
       fetchData();
  
  }, []);


  return (
    <>
       <ExpensesTables expensesData={expensesData}  />
    </>
  );
};

export default Expenses