'use client'

import React from 'react'

export interface CommandGroupProps {
  label: string
  /** Whether to show a top border separator */
  showBorder?: boolean
  children: React.ReactNode
}

export function CommandGroup({ label, showBorder = false, children }: CommandGroupProps) {
  return (
    <>
      <div className={`px-3 py-2${showBorder ? ' border-t border-gray-100' : ''}`}>
        <p className="text-xs font-medium text-gray-500 uppercase tracking-wider">
          {label}
        </p>
      </div>
      {children}
    </>
  )
}