"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AudioOnlyOverlay = AudioOnlyOverlay;
const jsx_runtime_1 = require("react/jsx-runtime");
const lucide_react_native_1 = require("lucide-react-native");
const __1 = require("../../..");
const player_store_1 = require("../../../player-store");
const ui_1 = require("../../ui");
function AudioOnlyOverlay() {
    const selectedRendition = (0, player_store_1.usePlayerStore)((x) => x.selectedRendition);
    const setSelectedRendition = (0, player_store_1.usePlayerStore)((x) => x.setSelectedRendition);
    if (selectedRendition !== "audio") {
        return null;
    }
    return ((0, jsx_runtime_1.jsx)(ui_1.View, { style: [
            __1.zero.layout.position.absolute,
            __1.zero.position.top[0],
            __1.zero.position.left[0],
            __1.zero.position.right[0],
            __1.zero.position.bottom[0],
            __1.zero.layout.flex.center,
        ], children: (0, jsx_runtime_1.jsxs)(ui_1.View, { style: [
                __1.zero.layout.flex.column,
                __1.zero.layout.flex.alignCenter,
                __1.zero.gap.all[3],
                __1.zero.px[6],
            ], children: [(0, jsx_runtime_1.jsx)(lucide_react_native_1.Volume2, { color: "#fff", size: 48 }), (0, jsx_runtime_1.jsx)(ui_1.Text, { size: "lg", weight: "semibold", center: true, children: "Audio Only mode" }), (0, jsx_runtime_1.jsx)(ui_1.Text, { size: "sm", color: "muted", center: true, onPress: () => setSelectedRendition("source"), children: "Go to Settings > Quality to switch back to video." })] }) }));
}
//# sourceMappingURL=audio-only-overlay.js.map