Shadcn-style Kanban Board

import { Kanban } from '@otfdashkit/ui'

const columns = [
  { id: 'todo',     title: 'To Do',       cards: [{ id: '1', title: 'Design login page', badge: 'UI' }] },
  { id: 'progress', title: 'In Progress', cards: [{ id: '2', title: 'Auth flow', description: 'OAuth + JWT' }] },
  { id: 'done',     title: 'Done',        cards: [{ id: '3', title: 'CI/CD setup', badge: 'DevOps' }] },
]

export function ProjectBoard() {
  const [cols, setCols] = useState(columns)
  return (
    <Kanban
      columns={cols}
      onMoveCard={(cardId, fromCol, toCol) => {
        // update cols state
      }}
    />
  )
}