import { Suspense } from "react";
import { Center, Loader } from "@mantine/core";
import PageBody from "@/app/tags/components/PageBody/PageBody";
import PageBlock from "@/components/layout/PageBlock/PageBlock";
import PageContainer from "@/components/layout/PageContainer/PageContainer";

/*
 *   Page for mobiles only
 */
export default async function TagsPage() {
    return (
        <Suspense
            fallback={
                <Center h="50vh">
                    <Loader size="lg" />
                </Center>
            }>
            <PageContainer>
                <PageBlock fullScreenMobile>
                    <PageBody />
                </PageBlock>
            </PageContainer>
        </Suspense>
    );
}
