\n` +
+ ` ${Feat} ${word()} ${c}
\n` +
+ ` <${Feat}Atom${atomA} label="${word()}" />\n` +
+ ` <${Feat}Atom${atomB} label="${word()}" />\n` +
+ ` {ready ? rows.length : 0} ${word()}
\n` +
+ ` \n` +
+ ` );\n` +
+ `}\n`,
+ );
+ }
+
+ // Page: imports every section — the top of the import depth for the feature.
+ const imports = [];
+ const renders = [];
+ for (let c = 0; c < shape.componentsPerFeature; c += 1) {
+ const Comp = `${Feat}Section${c}`;
+ imports.push(`import { ${Comp} } from "./components/${Comp}";`);
+ renders.push(` <${Comp} />`);
+ }
+ write(
+ `features/${feat}/${Feat}Page.tsx`,
+ imports.join("\n") +
+ `\n\nexport function ${Feat}Page() {\n` +
+ ` return (\n` +
+ `