import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { RefreshCw } from 'lucide-react';
export function UpdateBanner({ visible }) {
    if (!visible)
        return null;
    return (_jsxs("div", { style: {
            position: 'fixed',
            bottom: 0,
            left: 0,
            right: 0,
            zIndex: 9999,
            background: 'var(--sidebar)',
            color: 'var(--text-light)',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            gap: '12px',
            padding: '10px 16px',
            fontSize: '14px',
            boxShadow: '0 -2px 8px rgba(0,0,0,0.3)',
        }, children: [_jsx("span", { children: "A new version is available." }), _jsxs("button", { onClick: () => window.location.reload(), style: {
                    display: 'flex',
                    alignItems: 'center',
                    gap: '6px',
                    background: 'var(--accent)',
                    color: 'var(--sidebar)',
                    border: 'none',
                    borderRadius: '4px',
                    padding: '6px 14px',
                    fontWeight: 600,
                    cursor: 'pointer',
                    fontSize: '13px',
                }, children: [_jsx(RefreshCw, { size: 14, strokeWidth: 1.75 }), "Reload"] })] }));
}
