import type * as React from 'react'
import { cn } from '../../utils'

type CheckboxListProps = React.HTMLAttributes<HTMLDivElement> & {
  ref?: React.Ref<HTMLDivElement>
}

const CheckboxList = ({ className, ref, ...props }: CheckboxListProps) => (
  <div ref={ref} className={cn('flex flex-col gap-2', className)} {...props} />
)
CheckboxList.displayName = 'CheckboxList'

export { CheckboxList, type CheckboxListProps }
