mirror of
https://github.com/aaronpo97/the-biergarten-app.git
synced 2026-04-05 18:09:04 +00:00
27 lines
877 B
TypeScript
27 lines
877 B
TypeScript
import { FC } from 'react';
|
|
|
|
const LoadingCard: FC = () => {
|
|
return (
|
|
<div className="card bg-base-300">
|
|
<figure className="h-96 border-8 border-base-300 bg-base-300">
|
|
<div className="h-full w-full animate-pulse rounded-md bg-base-100" />
|
|
</figure>
|
|
<div className="card-body h-52">
|
|
<div className="flex animate-pulse space-x-4">
|
|
<div className="flex-1 space-y-4 py-1">
|
|
<div className="h-4 w-3/4 rounded bg-base-100" />
|
|
<div className="space-y-2">
|
|
<div className="h-4 rounded bg-base-100" />
|
|
<div className="h-4 w-5/6 rounded bg-base-100" />
|
|
<div className="h-4 w-5/6 rounded bg-base-100" />
|
|
<div className="h-4 rounded bg-base-100" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default LoadingCard;
|