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

export default function InvoicesLoading() {
  return (
    <RouteLoading
      icon={<CreditCardIcon />}
      title="Invoices"
      description="Manage and view your billing invoices"
      mode="content"
    >
      <LoadingTable rows={6} columns={5} />
    </RouteLoading>
  );
}
