import clsx from "clsx";
import dynamic from "next/dynamic";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import * as React from "react";
import { createBreakpoint } from "react-use";
import DotsVertical from "@/components/icons/dots-vertical.svg";
import Github from "@/components/icons/github.svg";
import Logo from "../public/logo.svg";
import Footer from "./page-layout/footer";
const Popover = dynamic(() => import("./popover"), { ssr: false });
export interface PageLayoutProps {
children?: React.ReactNode;
}
const useBreakpoint = createBreakpoint({ sm: 640, md: 768, lg: 1024 });
const Menu: React.VoidFunctionComponent<{ className: string }> = ({
className,
}) => {
const { pathname } = useRouter();
return (
);
};
const PageLayout: React.VoidFunctionComponent = ({
children,
}) => {
const breakpoint = useBreakpoint();
return (
Rallly - Support
{breakpoint === "sm" ? (
}
>
) : null}
{children}
);
};
export default PageLayout;