<!-- Heading with posts limit -->
<script setup lang="ts">
import PostsLimit from '../posts/PostsLimit.vue';

const { heading, showPostsLimit = true } = defineProps<{
    heading: string;
    showPostsLimit?: boolean;
}>();
</script>

<template>
    <div class="flex flex-col md:flex-row gap-4 justify-between items-center">
        <!-- Page title -->
        <h1 class="text-[22px] leading-none font-bold">{{ heading }}</h1>

        <!-- Articles counter -->
        <PostsLimit v-if="showPostsLimit" />
    </div>
</template>

<style scoped></style>
