<Accordion title="Why should you need to do this?">

-   This is a thing.
-   This is a thing.
-   This is a thing.
-   This is a thing.
-   This is a thing.

</Accordion>

<Tip title="title">Tip</Tip>
<Info title="title">Info</Info>
<Warning title="title">Warning</Warning>
<Error title="title">Error</Error>

const config = {
	reactStrictMode: true,
}

#include <iostream>

int main() {
    std::cout << "Hello World!\n";
    return 0;
}

<Files>
	<Folder name="app" defaultOpen>
		<File name="layout.tsx" />
		<File name="page.tsx" />
		<File name="global.css" />
	</Folder>
	<Folder name="components">
		<File name="button.tsx" />
		<File name="tabs.tsx" />
		<File name="dialog.tsx" />
	</Folder>
	<File name="package.json" />
</Files>

<Steps>
<Step>
Step 1

</Step>
<Step>
Step 2

</Step>
<Step>
Step 3

</Step>
</Steps>

<Tabs items={['Javascript', 'Rust']}>
	<Tab value="Javascript">Javascript is weird</Tab>
	<Tab value="Rust">Rust is fast</Tab>
</Tabs>

<Tabs id="language" items={['Javascript', 'Rust']}>
	<Tab value="Javascript">Javascript is weird</Tab>
	<Tab value="Rust">Rust is fast</Tab>
</Tabs>

<Tabs id="language" items={['Javascript', 'Rust']} persist>
	<Tab value="Javascript">Javascript is weird</Tab>
	<Tab value="Rust">Rust is fast</Tab>
</Tabs>

import 'katex/dist/katex.css'

c = \pm\sqrt{a^2 + b^2}

c = \pm\sqrt{a^2 + b^2}

\displaystyle {\begin{aligned}T_{f}(z)&=\sum _{k=0}^{\infty }{\frac {(z-c)^{k}}{2\pi i}}\int _{\gamma }{\frac {f(w)}{(w-c)^{k+1}}}\,dw\\&={\frac {1}{2\pi i}}\int _{\gamma }{\frac {f(w)}{w-c}}\sum _{k=0}^{\infty }\left({\frac {z-c}{w-c}}\right)^{k}\,dw\\&={\frac {1}{2\pi i}}\int _{\gamma }{\frac {f(w)}{w-c}}\left({\frac {1}{1-{\frac {z-c}{w-c}}}}\right)\,dw\\&={\frac {1}{2\pi i}}\int _{\gamma }{\frac {f(w)}{w-z}}\,dw=f(z),\end{aligned}}

export function Name() {
	return <>World!</>
}

Hello, <Name />