achmad
23 lines
598 B
TypeScript
23 lines
598 B
TypeScript
import type { ArticleTag } from '@/lib/types'
|
|
|
|
interface Props {
|
|
tags: ArticleTag[]
|
|
}
|
|
|
|
export default function TagRow({ tags }: Props) {
|
|
if (!tags || tags.length === 0) return null
|
|
|
|
return (
|
|
<div className="flex flex-wrap gap-2 pt-7 border-t border-border mt-8">
|
|
{tags.map(({ tags_id: tag }) => (
|
|
<span
|
|
key={tag.id}
|
|
className="bg-bg-card border border-border text-text-secondary text-xs px-3 py-1 rounded-sm hover:border-accent hover:text-accent transition-colors cursor-default"
|
|
>
|
|
{tag.name}
|
|
</span>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|