import { Flex, useDisclosure, Spinner, Breadcrumb, BreadcrumbItem, useColorModeValue, Box } from '@chakra-ui/react'; import Head from 'next/head'; import Link from 'next/link'; import React from 'react'; import { FiChevronRight } from 'react-icons/fi'; import Header from './Header'; import Menu from './Menu'; import MenuDrawer from './MenuDrawer'; interface IProps { loading?: boolean; breadcrumbs?: { name: string; href: string; current?: boolean }[]; children: React.ReactNode; } const Layout: React.FC = ({ children, loading, breadcrumbs }) => { const { isOpen, onClose, onOpen } = useDisclosure(); const menubg = useColorModeValue('#F1F3F4', '#202736'); const bg = useColorModeValue('white', '#1a202c'); const renderContent = () => { if (loading) { return ( ); } return children; }; const renderBreadcrumbs = () => { return ( }> {breadcrumbs?.map((breadcrumb, index) => { return ( {breadcrumb.name} ); })} ); }; return ( <> Tipi
{renderBreadcrumbs()} {renderContent()} ); }; export default Layout;