---
import "@styles/global.css";
import { SITE_TITLE_SUFFIX } from "@constants";
import Header from "@components/layout/header/Header.astro";
import Footer from "@components/layout/footer/Footer.astro";
import Breadcrumbs from "@components/base/Breadcrumbs.astro";
import ConsultationModal from "@components/base/ConsultationModal.astro";
import Toast from "@components/base/Toast.astro";
import PostSocialShare from "@components/blog/PostSocialShare.astro";
import PostReactionButtons from "@components/blog/PostReactionButtons.astro";
import PostViewCounter from "@components/blog/PostViewCounter.astro";
export interface Props {
title: string;
description: string;
canonicalLink?: string;
breadcrumbs?: Array<{ label: string; href?: string }>;
heroImage: string;
heroAlt: string;
category: string;
postTitle: string;
date: string;
author: string;
readTime: string;
readmeTime: string;
postId: string;
postUrl: string;
initialLikes?: number;
initialDislikes?: number;
initialViews?: number;
}
const {
title,
description,
canonicalLink,
breadcrumbs,
heroImage,
heroAlt,
category,
postTitle,
date,
author,
readTime,
readmeTime,
postId,
postUrl,
initialLikes = 0,
initialDislikes = 0,
initialViews = 0
} = Astro.props;
---
{title} {SITE_TITLE_SUFFIX}
{canonicalLink && }
{breadcrumbs && breadcrumbs.length > 0 && (
)}
{date}
{author}
{readmeTime} мин
{initialViews}