;
+}
+
+type IconSvgProps = {
+ size?: number;
+ width?: number;
+ height?: number;
+ className?: string;
+};
+
+export function GithubIcon({
+ size = 24,
+ width,
+ height,
+ ...props
+}: IconSvgProps) {
+ return (
+
+ );
+}
+
+export function MoonFilledIcon({
+ size = 24,
+ width,
+ height,
+ ...props
+}: IconSvgProps) {
+ return (
+
+ );
+}
+
+export function SunFilledIcon({
+ size = 24,
+ width,
+ height,
+ ...props
+}: IconSvgProps) {
+ return (
+
+ );
+}
diff --git a/components/NavBar.tsx b/components/NavBar.tsx
new file mode 100644
index 0000000..f066a95
--- /dev/null
+++ b/components/NavBar.tsx
@@ -0,0 +1,46 @@
+import {
+ Link,
+ Navbar,
+ NavbarBrand,
+ NavbarContent,
+ NavbarItem,
+} from "@nextui-org/react";
+import { GithubIcon, HeyGenLogo } from "./Icons";
+import { ThemeSwitch } from "./ThemeSwitch";
+
+export default function NavBar() {
+ return (
+ + HeyGen Streaming Avatar SDK NextJS Demo +
+
+ Console:
+
+ {debug}
+
This SDK supports the following behavior:
+Start:
Start the + streaming avatar session +Close:
Close the + streaming avatar session +Speak:
Repeat the + input +