/**
 * Copyright (c) 2023, WSO2 LLC. (https://www.wso2.com).
 *
 * WSO2 LLC. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import React, { useContext, useEffect } from "react";

// Components
import Main from "../../../components/Main/Main";

// Libraries & Packages
import GlobalStateContext from "../../../utils/state/GlobalStateContext";

// Utils
import {
  ConfirmationOfFundsPageTableData,
  ConfirmationOfFundsPageTableColumns,
} from "../../../utils/mock/ConfirmationOfFundsTableMockData";

function ConfirmationOfFundsPage() {
  // State
  const { globalState, setGlobalState } = useContext(GlobalStateContext);

  // Effect
  useEffect(() => {
    setGlobalState({ ...globalState, page: "confirmation-of-funds" });
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  return (
    <>
      <Main
        data={{
          columns: ConfirmationOfFundsPageTableColumns,
          data: ConfirmationOfFundsPageTableData,
        }}
      />
    </>
  );
}

export default ConfirmationOfFundsPage;
