import { RouteLoading } from "@/components/molecules/RouteLoading";
import { ChatBubbleLeftRightIcon } from "@heroicons/react/24/outline";
import { LoadingTable } from "@/components/atoms/loading-skeleton";

export default function SupportCasesLoading() {
  return (
    <RouteLoading
      icon={<ChatBubbleLeftRightIcon />}
      title="Support Cases"
      description="Loading your support cases..."
      mode="content"
    >
      <LoadingTable rows={8} columns={5} />
    </RouteLoading>
  );
}
