mirror of
https://github.com/fallenbagel/jellyseerr.git
synced 2026-01-01 12:18:35 -05:00
20 lines
432 B
TypeScript
20 lines
432 B
TypeScript
import React from 'react';
|
|
|
|
interface PlaceholderProps {
|
|
canExpand?: boolean;
|
|
}
|
|
|
|
const Placeholder: React.FC<PlaceholderProps> = ({ canExpand = false }) => {
|
|
return (
|
|
<div
|
|
className={`relative animate-pulse rounded-xl bg-gray-700 ${
|
|
canExpand ? 'w-full' : 'w-36 sm:w-36 md:w-44'
|
|
}`}
|
|
>
|
|
<div className="w-full" style={{ paddingBottom: '150%' }} />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Placeholder;
|