You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
958 B
28 lines
958 B
import type { ReactNode } from 'react' |
|
import { useTranslation } from 'react-i18next' |
|
|
|
/** Section chrome for the article-URL card list (Nostr threads + merged RSS by URL). */ |
|
export function ArticleUrlsSection({ |
|
children, |
|
subtitleKey = 'Article URLs subtitle' |
|
}: { |
|
children: ReactNode |
|
/** `Article URLs Nostr manual subtitle` when the URLs toggle hides RSS-only URL groups. */ |
|
subtitleKey?: string |
|
}) { |
|
const { t } = useTranslation() |
|
return ( |
|
<section className="space-y-3" aria-labelledby="jumble-article-urls-heading"> |
|
<div className="space-y-1 px-0.5"> |
|
<h2 |
|
id="jumble-article-urls-heading" |
|
className="text-xs font-semibold uppercase tracking-wide text-muted-foreground" |
|
> |
|
{t('Article URLs')} |
|
</h2> |
|
<p className="text-[11px] leading-snug text-muted-foreground/90">{t(subtitleKey)}</p> |
|
</div> |
|
<div className="space-y-4">{children}</div> |
|
</section> |
|
) |
|
}
|
|
|