// KBarProvider.ts

'use client'

import {
  KBarAnimator,
  KBarPortal,
  KBarPositioner,
  KBarProvider as OriginalKBarProvider,
  KBarSearch
} from 'kbar'
import type { ReactNode } from 'react'

interface Props {
  children: ReactNode
}

const KBarProvider = ({ children }: Props) => {
  return (
    <OriginalKBarProvider>
      <KBarPortal>
        <KBarPositioner>
          <KBarAnimator>
            <KBarSearch />
            {/* <KBarResults /> */}
          </KBarAnimator>
        </KBarPositioner>
      </KBarPortal>
      {children}
    </OriginalKBarProvider>
  )
}

export default KBarProvider