Shimmering Skeleton Wrapper

 1import {
 2  ShimmeringSkeletonWrapper,
 3  SkeletonBox,
 4  SkeletonLine,
 5  SkeletonCircle,
 6} from "@/components/wensity/shimmering-skeleton-wrapper";
 7
 8export default function Example({ loading }: { loading: boolean }) {
 9  return (
10    <ShimmeringSkeletonWrapper loading={loading} rounded="rounded-2xl">
11      <div className="rounded-2xl border bg-white p-5">
12        <div className="flex items-center gap-3">
13          <SkeletonCircle size={44} />
14          <div className="flex-1 space-y-2">
15            <SkeletonLine width="55%" />
16            <SkeletonLine width="35%" />
17          </div>
18        </div>
19        <div className="mt-5 space-y-2">
20          <SkeletonLine width="92%" />
21          <SkeletonLine width="78%" />
22        </div>
23      </div>
24    </ShimmeringSkeletonWrapper>
25  );
26}