import { FC, ReactNode } from 'react';

import { Export, findModuleByExport, findModuleExport } from '../webpack';

const ScrollingModule = findModuleByExport((e: Export) => e?.render?.toString?.().includes('{case"x":'));

const ScrollingModuleProps = ScrollingModule ? Object.values(ScrollingModule) : [];

/** @component React Components */
export const ScrollPanel = ScrollingModuleProps.find((prop: any) => prop?.render?.toString?.().includes('{case"x":')) as FC<{ children?: ReactNode }>;

/** @component React Components */
export const ScrollPanelGroup: FC<{ children?: ReactNode }> = findModuleExport((e: Export) => e?.render?.toString().includes('.FocusVisibleChild') && e?.render?.toString().includes('navRefPanel'));