@interactify-live/pindo-wizard-react-native/lib/components/CoverSelector.js

React Native PindoWizard component for media capture and interaction management

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const react_native_1 = require("react-native");
const CoverSelector = (0, react_1.memo)(({ coverIndex, activeMedia, setCoverIndex, medias }) => {
    if (!medias || medias.length === 0 || activeMedia >= medias.length) {
        return null;
    }
    const currentMedia = medias[activeMedia];
    if (currentMedia.type === 'video') {
        return null;
    }
    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.coverSelector, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.coverSelectorButton, onPress: () => setCoverIndex(activeMedia), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.coverSelectorText, children: coverIndex === activeMedia
                    ? 'انتخاب شده به عنوان عکس کاور ✓'
                    : 'انتخاب به عنوان عکس کاور' }) }) }));
});
const styles = react_native_1.StyleSheet.create({
    coverSelector: {
        position: 'absolute',
        bottom: 25,
        left: 0,
        right: 0,
        alignItems: 'center',
    },
    coverSelectorButton: {
        backgroundColor: 'rgba(224, 224, 226, 1)',
        paddingVertical: 5,
        paddingHorizontal: 15,
        borderRadius: 15,
    },
    coverSelectorText: {
        color: '#000000',
        fontSize: 14,
    },
});
exports.default = CoverSelector;