Just an example of code that drives me nuts:

                <button
                  type="button"
                  className={clsx(
                    checked ? "border-2 border-primary-800" : "",
                    "flex touch-none flex-col items-center justify-between rounded border border-gray-100 bg-white hover:border-2 hover:border-primary-800",
                  )}
                >