wip(lab): Work on v3 lab

sites/shared/components/buttons/continue-button.mjs

@@ -0,0 +1,43 @@
+// Hooks
+import { useContext } from 'react'
+import { useTranslation } from 'next-i18next'
+// Context
+import { LoadingContext } from 'shared/context/loading-context.mjs'
+// Components
+import { Spinner } from 'shared/components/spinner.mjs'
+import Link from 'next/link'
+
+export const ContinueButton = ({ btnProps = {}, link = false }) => {
+  // Context
+  const { loading } = useContext(LoadingContext)
+
+  // Hooks
+  const { t } = useTranslation(['account'])
+
+  let classes = 'btn mt-8 capitalize w-full '
+  if (loading) classes += 'btn-accent '
+  else classes += 'btn-primary '
+
+  const children = (
+    <span className="flex flex-row items-center gap-2">
+      {loading ? (
+        <>
+          <Spinner />
+          <span>{t('processing')}</span>
+        </>
+      ) : (
+        <span>{t('continue')}</span>
+      )}
+    </span>
+  )
+
+  return link ? (
+    <Link className={classes} tabIndex="-1" {...btnProps}>
+      {children}
+    </Link>
+  ) : (
+    <button className={classes} tabIndex="-1" role="button" {...btnProps}>
+      {children}
+    </button>
+  )
+}