/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */
import { StyleSheet, Dimensions } from 'react-native';
import Constants from 'expo-constants';

const cardWidth = (Dimensions.get('window').width - 20) / 3;
const iconLineHeight = Constants.platform ? Constants.platform.android ? 30 : 17 : null;

const styles = StyleSheet.create({
    paddingHorizontal_10: {
        paddingHorizontal: 10
    },
    flexWrap: {
        flexWrap: 'wrap'
    },
    imageCard: {
        width: cardWidth,
        height: cardWidth,
        padding: 20
    },
    imageStyle: {
        height: '100%',
        width: '100%',
        borderRadius: 10
    },
    badgeStyle: {
        height: 30,
        width: 30,
        borderRadius: 50,
        position: 'absolute',
        top: 5,
        right: 5,
        zIndex: 1,
        borderWidth: 2,
        borderColor: '#fff',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        paddingLeft: 0,
        paddingRight: 0,
        textAlign: 'center'
    },
    badgeIcon: {
        lineHeight: iconLineHeight,
        color: '#fff',
        marginLeft: 0,
        marginRight: 0
    },
    imageLoader: {
        width: cardWidth - 40,
        height: cardWidth - 40,
        justifyContent: 'center',
        backgroundColor: '#c7c7c7',
        margin: 20,
        borderRadius: 10
    }
})

export default styles;
