import { Typography } from '@tidbcloud/uikit'

interface HeadLabelProps {
  className?: string
  label: React.ReactNode
  description?: React.ReactNode
}

const HeadLabel = ({ className, label, description }: HeadLabelProps) => {
  return (
    <div className={className}>
      <Typography variant="title-lg">{label}</Typography>
      {description && (
        <Typography variant="body-lg" c={'carbon.7'} mt={4}>
          {description}
        </Typography>
      )}
    </div>
  )
}

export default HeadLabel