1import { Skeleton } from "@marzneshin/components";
 2
 3export const SettingsInfoSkeleton = () => {
 4    return (
 5        <div className="p-5 bg-gray-900 rounded-lg w-96">
 6            <h2 className="text-white mb-5">
 7                <Skeleton className="h-6 w-24" />
 8            </h2>
 9            <div className="mb-2">
10                <Skeleton className="h-5 w-36" />
11            </div>
12            <div className="mb-2">
13                <Skeleton className="h-5 w-24" />
14            </div>
15            <div className="mb-2">
16                <Skeleton className="h-5 w-24" />
17            </div>
18            <div className="mb-2">
19                <Skeleton className="h-5 w-40" />
20            </div>
21            <div className="mb-2">
22                <Skeleton className="h-5 w-24" />
23            </div>
24            <div className="mb-2">
25                <Skeleton className="h-5 w-24" />
26            </div>
27            <div className="mb-2">
28                <Skeleton className="h-5 w-32" />
29            </div>
30            <div className="mb-2">
31                <Skeleton className="h-5 w-24" />
32            </div>
33            <div className="flex justify-between mt-5">
34                <Skeleton className="h-10 w-28" />
35                <Skeleton className="h-10 w-28" />
36            </div>
37        </div>
38    );
39};