import { Typography } from '@tidbcloud/uikit'

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

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