import { Suspense } from "react";
import Cart from "@/components/cart";
import UserAccount from "@components/customer/credentials";
import { IconSkeleton } from "@/components/common/skeleton/IconSkeleton";
import { SessionManager } from "@/providers";

export function CartAndUserActions() {
  return (
    <div className="flex max-w-fit gap-2 md:gap-4">

     
        <Cart />
      
      <Suspense fallback={<IconSkeleton />}>
        
          <SessionManager>
            <UserAccount />
          </SessionManager>
       
      </Suspense>
    </div>
  );
}