37 lines
998 B
TypeScript
37 lines
998 B
TypeScript
import { Suspense } from "react";
|
|
import { useTranslations } from "next-intl";
|
|
|
|
import {
|
|
AddGuidesButton,
|
|
Caution,
|
|
Offers,
|
|
OffersSkeleton,
|
|
ProductSelectionProvider,
|
|
} from "@/components/domains/additional-purchases";
|
|
import { Typography } from "@/components/ui";
|
|
|
|
import styles from "./AddGuidesPage.module.scss";
|
|
|
|
export default function AddGuidesPage() {
|
|
const t = useTranslations("AdditionalPurchases.add-guides");
|
|
|
|
return (
|
|
<ProductSelectionProvider>
|
|
<Caution />
|
|
<Typography as="h2" size="xl" weight="semiBold" className={styles.title}>
|
|
{t("title")}
|
|
</Typography>
|
|
<Typography as="h3" size="sm" className={styles.subtitle}>
|
|
{t("subtitle")}
|
|
</Typography>
|
|
<Suspense fallback={<OffersSkeleton />}>
|
|
<Offers />
|
|
</Suspense>
|
|
<Typography align="left" color="secondary" className={styles.description}>
|
|
{t("description")}
|
|
</Typography>
|
|
<AddGuidesButton />
|
|
</ProductSelectionProvider>
|
|
);
|
|
}
|