mirror of
https://github.com/rgrgogu/new_starr.git
synced 2026-09-27 00:12:54 +08:00
21 lines
653 B
React
21 lines
653 B
React
// components/generic/MediaFallback.jsx
|
|
//
|
|
// Mandatory fallback shown wherever a media element (video/audio/image) is
|
|
// still resolving its source — replaces ad-hoc spinners so every player has
|
|
// the same loading state.
|
|
|
|
export function MediaFallback({ className = "" }) {
|
|
return (
|
|
<div
|
|
className={`flex items-center justify-center overflow-hidden ${className}`}
|
|
style={{ background: "#FBF7F0" }}
|
|
>
|
|
<img
|
|
src="/media-fallback-patient-tv.svg"
|
|
alt="Media is loading"
|
|
className="w-full h-full object-contain"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|