/**
 * Does the very simple job of retrieving the root
 * 
 * @module
 */

import React, { useContext } from "react";
import { DataContext } from "../../internal/providers/appdata-provider";
import Root from "../../../base/Root";

/**
 * Simply provides the root
 */
interface IRootRetrieverProps {
  children: (arg: {
    root: Root,
  }) => React.ReactNode;
}

/**
 * Provides the root of the itemize app, for advanced usage
 *
 * @param props the root retriver props
 * @returns a react element
 */
export default function RootRetriever(props: IRootRetrieverProps) {
  return (
    <DataContext.Consumer>
      {
        (value) => {
          return props.children({
            root: value.value,
          });
        }
      }
    </DataContext.Consumer>
  );
}

export function useRootRetriever() {
  const value = useContext(DataContext);

  return {
    root: value.value
  };
}