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

interface DescriptionItemsProps {
  label: React.ReactNode
  children: React.ReactNode
  className?: string
}

export const DescriptionItems = ({
  label,
  children,
  className,
}: DescriptionItemsProps) => (
    <div
      className={classNames(
        'grid grid-cols-2',
        'border-b border-gray-200 last:border-b-0',
        className,
      )}
    >
      <div className="bg-gray-50 px-4 py-2 text-sm font-medium text-gray-600 border-r border-gray-200">
        {label}
      </div>

      <div className="px-4 py-2 text-sm text-gray-800">{children}</div>
    </div>
  )