Прохождение урока первому ребенку

Question

Этот пример работает с className. Можно ли добиться этого с помощью class? Похоже, что так как class является защищенным словом в JavaScript, вы не можете его деструктурироватьКак лучше передать имя класса CSS первому дочернему элементу?

<Button className="ml-4" href={loginUrl} title="view page"></Button>

const Button = ({ title, href, onTap, className }) => (
  <a
    href={href}
    onTap={onTap}
    class={`rounded bg-gray-200 text-gray-900 py-1 px-4 capitalize
            hover:text-red-600 hover:bg-gray-100 ${className}`}
  >
    {title}
  </a>
);