<% if (styleFramework === 'bootstrap') { %>
import { Fragment } from 'react';
import { Link, Outlet } from 'react-router-dom';
import { Container, Nav, Navbar } from 'react-bootstrap';
import { routes } from '../routes';
// only titled routes get a nav entry - the index route is reachable via the brand
const navRoutes = routes.filter((route) => route.path && route.handle?.title);
export default function Layout() {
return (
<%= package.name %>
);
}
<% } else if (styleFramework === 'bulma') { %>
import { Link, Outlet } from 'react-router-dom';
import { routes } from '../routes';
// only titled routes get a nav entry - the index route is reachable via the brand
const navRoutes = routes.filter((route) => route.path && route.handle?.title);
export default function Layout() {
return (
);
}
<% } else if (styleFramework === 'foundation') { %>
import { Link, Outlet } from 'react-router-dom';
import {
GridContainer,
Menu,
MenuItem,
TopBar,
TopBarLeft
} from 'react-foundation';
import { routes } from '../routes';
// only titled routes get a nav entry - the index route is reachable via the brand
const navRoutes = routes.filter((route) => route.path && route.handle?.title);
export default function Layout() {
return (
);
}
<% } else if (styleFramework === 'materialize') { %>
import { Link, Outlet } from 'react-router-dom';
import { Container, Icon, Navbar, NavItem } from 'react-materialize';
import { routes } from '../routes';
// only titled routes get a nav entry - the index route is reachable via the brand
const navRoutes = routes.filter((route) => route.path && route.handle?.title);
export default function Layout() {
return (
<%= package.name %>}
menuIcon={menu}
>
{navRoutes.map((route) => (
{route.handle?.title}
))}
);
}
<% } else if (styleFramework === 'uikit') { %>
import { Link, Outlet } from 'react-router-dom';
import { Container, ListItem, Navbar, NavbarContainer } from 'uikit-react';
import { routes } from '../routes';
// only titled routes get a nav entry - the index route is reachable via the brand
const navRoutes = routes.filter((route) => route.path && route.handle?.title);
export default function Layout() {
return (
<%= package.name %>
{navRoutes.map((route) => (
{route.handle?.title}
))}
);
}
<% } else if (styleFramework === 'materialUi') { %>
import { Fragment } from 'react';
import { Link, Outlet } from 'react-router-dom';
import {
AppBar,
Container,
CssBaseline,
Toolbar,
Typography
} from '@mui/material';
import { routes } from '../routes';
// only titled routes get a nav entry - the index route is reachable via the brand
const navRoutes = routes.filter((route) => route.path && route.handle?.title);
export default function Layout() {
return (
<%= package.name %>
{navRoutes.map((route) => (
{route.handle?.title}
))}
);
}
<% } else { %>
import { Outlet } from 'react-router-dom';
export default function Layout() {
return (