Animated loading skeleton placeholder for a settings page with a header, action button, tab row, and grouped toggle/list rows.
import SettingsPageSkeleton from "@/components/ui/v-skeleton-10"; export default function Default() { return ( <div className="flex min-h-svh w-full items-center justify-center bg-background p-8"> <SettingsPageSkeleton /> </div> ); }