import * as React from "react";
import Image from "next/image";
import logoImg from "./assets/logo.png";
import { useDarkMode } from "./providers/dark-mode-provider";
import { Button, Card, Icon, Tag } from "@blueprintjs/core";
import { useFeaturesGuide } from "./providers/features-guide-provider";
type Props = {
langId: string;
langName: string;
renderExecControls: () => React.ReactNode;
};
export const Header = (props: Props) => {
const DarkMode = useDarkMode();
const featuresGuide = useFeaturesGuide();
const [showNotesHint, setShowNotesHint] = React.useState(true);
const brandSection = (
);
const controlsSection = (
{props.renderExecControls()}
);
const infoSection = (
}
onClick={featuresGuide.show}
/>
}
onClick={DarkMode.toggleDark}
/>
);
return (
{brandSection}
{controlsSection}
{infoSection}
);
};