'use client'

import { GHLRenderer } from '@/lib/GHLRenderer'
import pipelineTree from '@/examples/pipeline-board.json'
import type { UITree } from '@json-render/core'
import Link from 'next/link'

export default function PipelinePage() {
  return (
    <div className="min-h-screen bg-gray-100">
      <nav className="bg-white border-b border-gray-200 px-4 py-2 flex items-center gap-3">
        <Link href="/" className="text-indigo-600 hover:text-indigo-800 text-sm font-medium">← Back</Link>
        <span className="text-gray-400">|</span>
        <span className="text-sm text-gray-600">Pipeline Board Demo</span>
        <span className="ml-auto text-xs text-gray-400 font-mono">JSON: pipeline-board.json</span>
      </nav>
      <GHLRenderer tree={pipelineTree as unknown as UITree} />
    </div>
  )
}
