Dropdown: emptyMessage prop doesn't work

[ivanpajon]

Describe the bug

Using a Dropdown with unstyled mode shows a 'empty' label when no option is selected. Prop 'emptyMessage' to customize that message doesn't work.

<Dropdown
  id="gender"
  name="gender"
  value={gender}
  onChange={e => setGender(e.target.value)}
  options={genders}
  emptyMessage="Selecciona una opción"
  unstyled
/>

Also, as I'm using the dropdown with a float label, both 'empty' label and my defined float label they overlap each other.

<span className="p-float-label">
  <Dropdown
    id="gender"
    name="gender"
    value={gender}
    onChange={e => setGender(e.target.value)}
    options={genders}
    emptyMessage="Selecciona una opción"
    unstyled
  />
  <label htmlFor="gender">Género *</label>
</span>

Reproducer

No response

PrimeReact version

10.6.6

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

If I don't use emptyMessage prop it shouldn't show any label.
And if I define emptyMessage prop it should show that label.