Break tailwindcss classes into human-line-of-sight.
Make this:
"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" Become this:
classNames( "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors", "hover:opacity-90", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" )