// Dependencies import { serverSideTranslations } from 'next-i18next/serverSideTranslations' import { pages as posts } from 'site/prebuild/blog.mjs' import { meta } from 'site/prebuild/blog-meta.mjs' import { getPostIndexPaths, getPostIndexProps } from 'site/components/mdx/posts/utils.mjs' // Hooks import { useTranslation } from 'next-i18next' // Components import Link from 'next/link' import { TimeAgo } from 'shared/components/mdx/meta.mjs' import { PageWrapper, ns as pageNs } from 'shared/components/wrappers/page.mjs' import { Pagination } from 'shared/components/navigation/pagination.mjs' // Translation namespaces used on this page const namespaces = [...new Set(['designs', 'sections', ...pageNs])] const textShadow = { style: { textShadow: '1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 2px 2px 1px #000000', }, } const Preview = ({ post, t }) => (