// You can imagine some shorthand for generating this given a component and
// a Relay query.

import React from 'react';

import getFoo from './getFoo';
import lazyComponent from './lazyComponent';

export default function fooEntrypoint({ fooId }) {
  const Component = lazyComponent(import('Foo'));
  const data = getFoo(fooId);

  return function Foo({ children }) {
    return <Component data={data}>{children}</Component>;
  };
}