// Example: wiring the shell in a plain React app (router-agnostic).
// In Next.js, pass `activePath={usePathname()}` and a Link adapter:
//   LinkComponent={({ href, ...p }) => <Link href={href} {...p} />}
import {
  Activity,
  AlertTriangle,
  CheckCircle2,
  Database,
  ShieldAlert,
  UserPlus,
  XCircle,
} from "lucide-react"

import { ActivityTimeline } from "./ActivityTimeline"
import { TimelineItem } from "./ActivityTimeline.types"

export const activityTimelineData: TimelineItem[] = [
  {
    id: 1,
    title: "Deployment Started",
    description: "Production deployment for version v2.8.1 has been initiated.",
    timestamp: "Just now",
    status: "info",
    icon: <Activity className="h-3 w-3" />,
  },
  {
    id: 2,
    title: "Build Completed",
    description: "Application build completed successfully.",
    timestamp: "3 min ago",
    status: "success",
    icon: <CheckCircle2 className="h-3 w-3" />,
  },
  {
    id: 3,
    title: "High Memory Usage",
    description: "Memory utilization exceeded 85% on Server-02.",
    timestamp: "10 min ago",
    status: "warning",
    icon: <AlertTriangle className="h-3 w-3" />,
  },
  {
    id: 4,
    title: "Database Backup",
    description: "Nightly PostgreSQL backup completed successfully.",
    timestamp: "22 min ago",
    status: "default",
    icon: <Database className="h-3 w-3" />,
  },
  {
    id: 5,
    title: "Authentication Failed",
    description: "Multiple failed login attempts detected from an unknown IP.",
    timestamp: "35 min ago",
    status: "error",
    icon: <ShieldAlert className="h-3 w-3" />,
  },
  {
    id: 6,
    title: "New Team Member",
    description: "Sarah Johnson joined the Analytics workspace.",
    timestamp: "1 hour ago",
    status: "info",
    icon: <UserPlus className="h-3 w-3" />,
  },
  {
    id: 7,
    title: "Service Restored",
    description: "API connectivity has been restored after maintenance.",
    timestamp: "2 hours ago",
    status: "success",
    icon: <CheckCircle2 className="h-3 w-3" />,
  },
  {
    id: 8,
    title: "Unexpected Error",
    description: "Background synchronization failed due to a timeout.",
    timestamp: "3 hours ago",
    status: "error",
    icon: <XCircle className="h-3 w-3" />,
  },
]
export default function Example() {
  return (
    <div className="flex h-[480px] overflow-hidden rounded-lg  [&_aside]:!flex [&_aside]:h-full">
      <ActivityTimeline items={activityTimelineData} />
    </div>
  )
}