text: import variable from './../variables/platform';
  
  export default (variables = variable) => {
    const cardTheme = {
      '.transparent': {
        shadowColor: null,
        shadowOffset: null,
        shadowOpacity: null,
        shadowRadius: null,
        elevation: null,
        backgroundColor: 'transparent',
        borderWidth: 0
      },
      '.noShadow': {
        shadowColor: null,
        shadowOffset: null,
        shadowOpacity: null,
        elevation: null
      },
      '.rounded': {
        borderWidth: variables.borderWidth,
        borderColor: variables.platform === 'ios' ? variables.cardDefaultBg : variables.cardBorderColor,
        borderRadius: 10,
        shadowOffset: { width: 0, height: 0 },
        shadowOpacity: 0.25,
        elevation: 0,
      },
      marginVertical: 5,
      marginHorizontal: 2,
      borderWidth: variables.borderWidth,
      borderRadius: variables.cardBorderRadius,
      borderColor: variables.cardBorderColor,
      flexWrap: 'nowrap',
      backgroundColor: variables.cardDefaultBg,
      shadowColor: '#000',
      shadowOffset: { width: 0, height: 2 },
      shadowOpacity: 0.1,
      shadowRadius: 1.5,
      elevation: 3
    };
  
    return cardTheme;
  };
  