PostTypeLabel

5 variants. Open one in isolation: use the link on each card.

GIST
GUIDE
LINK
NOTE
NOTE Secret — not listed in public feeds

src/ui/1_molecules/PostTypeLabel.astro
---
import PostTypeString from '../0_atoms/PostTypeString.astro'
import PostVisibilityIcon from '../0_atoms/PostVisibilityIcon.astro'
import type { PostType } from '../../lib/feed-types'
interface Props {
postType: PostType
/** When `true`, shows a hidden/secret indicator beside the type string (matches `secret: true` in content). */
secret?: boolean
}
const { postType, secret = false } = Astro.props
---
<span
class:list={['inline-flex items-baseline gap-1.5 select-none']}
title={secret ? 'Not listed in public feeds' : undefined}
>
<PostTypeString postType={postType} />
{secret && <span class="sr-only">Secret — not listed in public feeds</span>}
{secret && <PostVisibilityIcon />}
</span>