// app/components/ui/OfflineBadge.tsx

import { WifiOff } from 'lucide-react';

interface OfflineBadgeProps {
    className?: string;
}

export function OfflineBadge({ className = "" }: OfflineBadgeProps) {
    return (
        <div className={`bg-goldenrod/10 text-goldenrod border border-goldenrod/20 px-3 py-1.5 rounded-full flex items-center w-fit text-xs font-black uppercase tracking-widest ${className}`}>
            <WifiOff size={14} className="mr-2" /> Offline-läge
        </div>
    );
}