import React from 'react'
import classNames from 'classnames'

interface DescriptionsProps {
  children: React.ReactNode
  column?: number
  bordered?: boolean
  className?: string
}

export const Descriptions = ({
  children,
  column = 1,
  bordered = false,
  className,
}: DescriptionsProps) => (
    <div
      className={classNames(
        'grid',
        bordered && 'border border-gray-200 rounded-md',
        className,
      )}
      style={{
        gridTemplateColumns: `repeat(${column}, minmax(0, 1fr))`,
      }}
    >
      {children}
    </div>
  )