2023-08-14 02:27:52 +09:00

20 lines
631 B
TypeScript

import Cart from 'components/cart';
import OpenCart from 'components/cart/open-cart';
import { Suspense } from 'react';
import { MenuModal } from '../menu/modal';
export default async function Navbar() {
return (
<nav className="fixed right-0 top-6 z-10 md:top-12">
<div className="flex justify-end pr-5">
<Suspense fallback={<OpenCart />}>
<div className="flex flex-col-reverse items-center justify-center space-y-2 rounded bg-dark/40 px-2 backdrop-blur-sm md:flex-row md:space-x-6">
<Cart />
<MenuModal />
</div>
</Suspense>
</div>
</nav>
);
}