'use client';
import Link from 'next/link';
import { clsx } from 'clsx';
import { Users, FileText, Zap, ArrowRight } from 'lucide-react';
import type { SharedSpace } from '@/lib/types';
function formatRelativeTime(dateStr: string): string {
const now = Date.now();
const then = new Date(dateStr).getTime();
const diffMs = now - then;
const diffMin = Math.floor(diffMs / 60000);
if (diffMin < 1) return 'just now';
if (diffMin < 60) return `${diffMin}m ago`;
const diffHr = Math.floor(diffMin / 60);
if (diffHr < 24) return `${diffHr}h ago`;
const diffDays = Math.floor(diffHr / 24);
if (diffDays === 1) return 'yesterday';
if (diffDays < 30) return `${diffDays}d ago`;
return new Date(dateStr).toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
}
export function SpaceCard({ space }: { space: SharedSpace }) {
return (
{space.name}
{space.memberCount}
{space.description}
{space.documentCount} doc{space.documentCount !== 1 ? 's' : ''}
{space.skillCount} skill{space.skillCount !== 1 ? 's' : ''}
Active {formatRelativeTime(space.lastActivityAt)}
);
}