domain compelete api attachment

src/components/Button.tsx

@@ -1,5 +1,7 @@
 import { FC, ReactNode } from 'react'
 import { clx } from '../helpers/utils'
+import MoonLoader from "react-spinners/ClipLoader"
+
 
 interface ButtonProps {
     label?: string;
@@ -28,10 +30,8 @@ const Button: FC<ButtonProps> = (props) => {
             className={buttonClass}
         >
             {props.loading ? (
-                <div className="flex items-center justify-center gap-2">
-                    <div className="w-3 h-3 md:w-4 md:h-4 border-2 border-white border-t-transparent rounded-full animate-spin"></div>
-                    درحال بارگذاری...
-                </div>
+                <MoonLoader className='mt-1.5' size={15} color={props.variant === 'secondary' ? '#000' : '#fff'} />
+
             ) : (
                 props.children || props.label
             )}