'use client';
import { FileText, MessageSquare } from 'lucide-react';
import Link from 'next/link';
import { BookmarkButton } from '@/components/bookmarks/BookmarkButton';
interface BillsLegislationCardProps {
postCount?: number;
}
/**
* BillsLegislationCard - A category card for Bills & Legislation
* Displays as a card matching the other forum category cards
*/
export function BillsLegislationCard({ postCount = 0 }: BillsLegislationCardProps) {
return (
<div className="h-full bg-background-secondary border-2 border-border-primary rounded-lg p-6 hover:border-accent-red transition-all group">
<Link href="/forum/bills" className="h-full flex flex-col">
<div className="flex items-start justify-between mb-3">
<h3 className="text-xl font-bold text-text-primary group-hover:text-accent-red transition-colors">
Bills & Legislation
</h3>
<FileText
size={20}
className="text-text-tertiary group-hover:text-accent-red transition-colors flex-shrink-0"
/>
</div>
<p className="text-text-secondary text-sm mb-4 line-clamp-2 flex-1">
Discuss proposed and enacted legislation in the House of Commons and Senate
</p>
<div className="flex items-center justify-between text-sm text-text-tertiary mt-auto">
<div className="flex items-center gap-1">
<MessageSquare size={14} />
<span>{postCount} posts</span>
</div>
<BookmarkButton
bookmarkData={{
itemType: 'forum_category',
itemId: 'bills-legislation',
title: 'Bills & Legislation',
subtitle: 'Discuss proposed and enacted legislation in the House of Commons and Senate',
url: '/forum/bills',
metadata: {
slug: 'bills',
post_count: postCount,
},
}}
size="sm"
/>
</div>
</Link>
</div>
);
}
