@wq/material-web
Version:
Web bindings for @wq/material
53 lines (52 loc) • 1.55 kB
JavaScript
import React from "react";
import { Drawer, AppBar, Toolbar, Typography } from "@mui/material";
import { useViewComponents, useComponents, useSiteTitle } from "@wq/react";
export default function NavMenuPopup({ open, onClose }) {
const title = useSiteTitle(),
{ NavMenu } = useViewComponents(),
{ Logo } = useComponents();
return /*#__PURE__*/ React.createElement(
Drawer,
{
open: open,
onClose: onClose,
anchor: "left",
keepMounted: true,
PaperProps: {
style: {
maxWidth: "80%",
width: 500,
},
},
},
/*#__PURE__*/ React.createElement(
AppBar,
{
position: "static",
color: "default",
style: {
borderBottom: "1px solid #999",
},
},
/*#__PURE__*/ React.createElement(
Toolbar,
{
variant: "regular",
},
/*#__PURE__*/ React.createElement(Logo, {
edge: "start",
}),
/*#__PURE__*/ React.createElement(
Typography,
{
variant: "h6",
},
title
)
)
),
/*#__PURE__*/ React.createElement(NavMenu, {
onNavigate: onClose,
})
);
}