A developer is working on an HTL script for a custom component. The script has the following requirements:
✑ This script must list the title of every child page of the current page.
✑ If a child page does not have any children, then its title should link directly to that page.
✑ If a child page has children, then the title of every one of its children should be listed beneath its title.
✑ The title of every grandchild page should link directly to that page.
Which HTL script should the developer use to meet these requirements?
A.

B.

C.

D.