// components/generic/TranscodeStatusBanner.jsx
//
// Small inline notice for a video asset's background remux (see backend
// services/assetTranscode.service.js) — .mov/.mkv uploads get repackaged
// into a faststart .mp4 for fast in-browser playback. Non-blocking: the
// asset still plays from its original (slower) file while this is pending/
// processing, this banner is just a heads-up. Renders nothing once the
// asset is "done"/"none" (fast already) — "failed" also renders nothing,
// the asset just quietly keeps playing from the original.

import { Loader2 } from "lucide-react";

export function TranscodeStatusBanner({ status }) {
    if (status !== "pending" && status !== "processing") return null;

    return (
        <div className="flex items-center gap-2 px-3 py-2 text-xs text-muted-foreground bg-muted/40 border-b">
            <Loader2 className="size-3.5 animate-spin" />
            Optimizing this video for faster playback — still watchable now, will load quicker shortly.
        </div>
    );
}