import { Badge } from '@nice/ui/components/badge';
import { STATUS_STYLES } from '@/lib/articles/constants';
import { Article } from '@fenghuo/common';

interface ArticleStatusBadgeProps {
	status: Article['status'];
	isSticky?: boolean;
}

export function ArticleStatusBadge({ status, isSticky = false }: ArticleStatusBadgeProps) {
	const style = STATUS_STYLES[status];

	return (
		<div className="flex items-center gap-1.5">
			{isSticky && (
				<Badge
					variant="outline"
					className="text-xs px-1.5 py-0.5 bg-primary/10 text-primary border-primary/30 dark:bg-primary/20 dark:text-primary-foreground dark:border-primary/40"
				>
					置顶
				</Badge>
			)}
			<Badge variant={style.variant} className={`text-xs px-1.5 py-0.5 ${style.className}`}>
				{style.label}
			</Badge>
		</div>
	);
}
