Interview Question 1.jsx

/**
 * 🦢🦢🦢
 * 1. Read the comments and render the required component
 * 2. You are allowed to browse react docs if you need be
 */

const Parent = () => {
  // 🦢 write code here
  return null;
};

const Child = () => {
  // write code here
  return null;
};

/**
 * 🦢 Can't change anything inside `OurApp` component
 */
function OurApp() {
  return (
    <Parent>
      <div>
        <Child />
      </div>
      <Child />
      <Child />
      <div>
        <div>
          <Child />
        </div>
      </div>
      <Child />
      <div>
        <Child />
      </div>
    </Parent>
  );
}

/**
 * 🦢
 * should render an unordered list with the following list items
 *
 * first child
 * some child between
 * some child between
 * some child between
 * some child between
 * last child
 */
export default function App() {
  return <OurApp />;
}