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


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

     
        <Cart />
      
      <Suspense fallback={<IconSkeleton />}>
        

            <UserAccount />

       
      </Suspense>
    </div>
  );
}