import React from "react";
import { GeneralContentScreen } from "./GeneralContentScreen";
import { HookContentFocusGroup } from "./hookFocus";
import { runInBackground } from "./hookAdapter/runInBackground";
import { log_error } from "./hookAdapter/logger";

type HookComponentProps = HookPluginProps & {
  configuration?: unknown;
};

function GeneralContentScreenHookComponent(props: HookComponentProps) {
  const { hookPlugin, focused, parentFocus } = props;

  const componentsMapExtraPropsMemo = React.useMemo(
    () => ({
      safeArea: {
        edges: {
          top: "additive",
          bottom: "additive",
          left: "off",
          right: "off",
        },
      },
    }),
    []
  );

  if (!hookPlugin?.screen_id) {
    log_error(
      "GeneralContentScreenHookAdapter: This component should only be used as a hook, but no hookPlugin was provided."
    );

    return null;
  }

  return (
    <HookContentFocusGroup>
      <GeneralContentScreen
        screenId={hookPlugin.screen_id}
        isScreenWrappedInContainer={false}
        focused={focused}
        parentFocus={parentFocus}
        componentsMapExtraProps={componentsMapExtraPropsMemo}
      />
    </HookContentFocusGroup>
  );
}

export const GeneralContentScreenHookAdapter = {
  isFlowBlocker: () => true,
  presentFullScreen: true,
  Component: GeneralContentScreenHookComponent,
  runInBackground,
};