Support reading progress synchronization across platforms (#34)

apps/readest-app/src/components/Toast.tsx

@@ -1,8 +1,13 @@
+import clsx from 'clsx';
 import React from 'react';
 
-const Toast: React.FC<{ message: string }> = ({ message }) => (
-  <div className='toast toast-center toast-middle'>
-    <div className='alert flex items-center justify-center border-0 bg-gray-600 text-white'>
+const Toast: React.FC<{ message: string; toastClass?: string; alertClass?: string }> = ({
+  message,
+  toastClass,
+  alertClass,
+}) => (
+  <div className={clsx('toast toast-center toast-middle', toastClass)}>
+    <div className={clsx('alert flex items-center justify-center border-0', alertClass)}>
       <span>{message}</span>
     </div>
   </div>