\n \n {props.item.title}\n \n

\n );\n}\n\nexport function IndexGroup(props: { group: TocGroup }) {\n return (\n

\n
{props.group.title}
\n

)}\n

\n );\n}\n\nexport function Example({ example }: { example: Example }) {\n return (\n

{example.title}

\n {example.preview\n ? (\n \n Open preview\n \n )\n : null}\n \n Edit example\n \n

\n {example.description && (\n

{example.description}

\n )}\n\n {example.vals.map((val) => (\n

\n {val.snippets.map((snippet, i) => (\n \n ))}\n

\n ))}\n\n {example.resources.length > 0\n ? (\n

Additional resources:

\n \n {title}\n \n

\n )\n : null}\n

\n );\n}\n\nexport function Snippet(props: {\n firstOfFile: boolean;\n lastOfFile: boolean;\n val?: { author: string; name: string };\n snippet: ExampleSnippet;\n}) {\n return (\n

\n {props.snippet.text}\n

\n \n {props.val && (\n \n {props.val.author}/{props.val.name}\n \n )}\n

\n            {props.snippet.code}\n

\n \n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/pomdtr/val_town_by_example_components/code/main.tsx","extension","actionData","errors"]

\n {props.group.title}\n

{example.title}

\n
{props.group.title}
\n