import { forwardRef, HTMLAttributes, ReactNode } from 'react'
import { Card } from 'ui'

export interface ResourceListProps extends HTMLAttributes<HTMLDivElement> {
  children?: ReactNode
}

export const ResourceList = forwardRef<HTMLDivElement, ResourceListProps>(
  ({ children, className, ...props }, ref) => {
    return (
      <Card
        ref={ref}
        className={['overflow-hidden', className].filter(Boolean).join(' ')}
        {...props}
      >
        {children}
      </Card>
    )
  }
)

ResourceList.displayName = 'ResourceList'