import { inputLabelVariants } from './variants'

import type { InputLabelProps } from './types'

export function InputLabel({
  children,
  className,
  selected,
  required,
  disabled,
  size,
  ...rest
}: InputLabelProps) {
  const classNames = inputLabelVariants({
    size,
    required,
    selected,
    disabled,
    className,
  })

  return (
    <span className={classNames} {...rest}>
      {children}
      {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
      {required && <span aria-hidden="true">{' *'}</span>}
    </span>
  )
}