2022-11-23 02:55:25 +00:00
|
|
|
import { SkeletonContainer, SkeletonText } from "@calcom/ui";
|
2022-09-12 21:51:36 +00:00
|
|
|
|
|
|
|
function SkeletonLoader() {
|
|
|
|
return (
|
|
|
|
<SkeletonContainer>
|
2023-06-22 22:25:37 +00:00
|
|
|
<div className="ml-2 mt-10 md:flex">
|
2022-11-15 15:30:24 +00:00
|
|
|
<div className="mr-6 flex flex-col md:flex-none">
|
2022-09-12 21:51:36 +00:00
|
|
|
<SkeletonText className="h-4 w-28" />
|
2023-06-22 22:25:37 +00:00
|
|
|
<SkeletonText className="mb-6 mt-2 h-8 w-full md:w-64" />
|
2022-09-12 21:51:36 +00:00
|
|
|
<SkeletonText className="h-4 w-28" />
|
|
|
|
<SkeletonText className="mt-2 h-8 w-full md:w-64" />
|
|
|
|
<SkeletonText className="mt-8 hidden h-0.5 w-full md:block" />
|
2023-06-22 22:25:37 +00:00
|
|
|
<SkeletonText className="mb-6 mt-8 h-8 w-40" />
|
2022-09-12 21:51:36 +00:00
|
|
|
</div>
|
|
|
|
<div className="hidden flex-grow md:flex">
|
|
|
|
<SkeletonText className="h-64 w-full" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</SkeletonContainer>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default SkeletonLoader;
|