text: import variable from './../variables/platform';
  
  export default (variables = variable) => {
  	const platform = variables.platform;
  
  	const cardItemTheme = {
  		'NativeBase.Left': {
  			'NativeBase.Body': {
  				'NativeBase.Text': {
  					'.note': {
  						color: variables.listNoteColor,
  						fontWeight: '400',
  						marginRight: 20,
  					},
  				},
  				flex: 1,
  				marginLeft: 10,
  				alignItems: null,
  			},
  			'NativeBase.Icon': {
  				fontSize: variables.iconFontSize,
  			},
  			'NativeBase.IconNB': {
  				fontSize: variables.iconFontSize,
  			},
  			'NativeBase.Text': {
  				marginLeft: 10,
  				alignSelf: 'center',
  			},
  			'NativeBase.Button': {
  				'.transparent': {
  					'NativeBase.Text': {
  						fontSize: variables.DefaultFontSize - 4,
  						color: variables.sTabBarActiveTextColor,
  					},
  					'NativeBase.Icon': {
  						fontSize: variables.iconFontSize - 10,
  						color: variables.sTabBarActiveTextColor,
  						marginHorizontal: null,
  					},
  					'NativeBase.IconNB': {
  						fontSize: variables.iconFontSize - 10,
  						color: variables.sTabBarActiveTextColor,
  					},
  					paddingVertical: null,
  					paddingHorizontal: null,
  					paddingRight: variables.listItemPadding + 5,
  				},
  			},
  			flex: 1,
  			flexDirection: 'row',
  			alignItems: 'center',
  		},
  
  		'.content': {
  			'NativeBase.Text': {
  				color: platform === 'ios' ? '#555' : '#222',
  				fontSize: variables.DefaultFontSize - 3,
  			},
  		},
  		'.cardBody': {
  			padding: -5,
  			'NativeBase.Text': {
  				marginTop: 5,
  			},
  		},
  		'NativeBase.Body': {
  			'NativeBase.Text': {
  				'.note': {
  					color: variables.listNoteColor,
  					fontWeight: '200',
  					marginRight: 20,
  				},
  			},
  			'NativeBase.Button': {
  				'.transparent': {
  					'NativeBase.Text': {
  						fontSize: variables.DefaultFontSize - 4,
  						color: variables.sTabBarActiveTextColor,
  					},
  					'NativeBase.Icon': {
  						fontSize: variables.iconFontSize - 10,
  						color: variables.sTabBarActiveTextColor,
  						marginHorizontal: null,
  					},
  					'NativeBase.IconNB': {
  						fontSize: variables.iconFontSize - 10,
  						color: variables.sTabBarActiveTextColor,
  					},
  					paddingVertical: null,
  					paddingHorizontal: null,
  					paddingRight: variables.listItemPadding + 5,
  					alignSelf: 'stretch',
  				},
  			},
  			flex: 1,
  			alignSelf: 'stretch',
  			alignItems: 'flex-start',
  		},
  		'NativeBase.Right': {
  			'NativeBase.Badge': {
  				alignSelf: null,
  			},
  			'NativeBase.Button': {
  				'.transparent': {
  					'NativeBase.Text': {
  						fontSize: variables.DefaultFontSize - 4,
  						color: variables.sTabBarActiveTextColor,
  					},
  					'NativeBase.Icon': {
  						fontSize: variables.iconFontSize - 10,
  						color: variables.sTabBarActiveTextColor,
  						marginHorizontal: null,
  					},
  					'NativeBase.IconNB': {
  						fontSize: variables.iconFontSize - 10,
  						color: variables.sTabBarActiveTextColor,
  					},
  					paddingVertical: null,
  					paddingHorizontal: null,
  				},
  				alignSelf: null,
  			},
  			'NativeBase.Icon': {
  				alignSelf: null,
  				fontSize: variables.iconFontSize - 8,
  				color: variables.cardBorderColor,
  			},
  			'NativeBase.IconNB': {
  				alignSelf: null,
  				fontSize: variables.iconFontSize - 8,
  				color: variables.cardBorderColor,
  			},
  			'NativeBase.Text': {
  				fontSize: variables.DefaultFontSize - 2,
  				alignSelf: null,
  			},
  			'NativeBase.Thumbnail': {
  				alignSelf: null,
  			},
  			'NativeBase.Image': {
  				alignSelf: null,
  			},
  			'NativeBase.Radio': {
  				alignSelf: null,
  			},
  			'NativeBase.Checkbox': {
  				alignSelf: null,
  			},
  			'NativeBase.Switch': {
  				alignSelf: null,
  			},
  			flex: 0.8,
  		},
  		'.header': {
  			'NativeBase.Text': {
  				fontSize: 16,
  				fontWeight: platform === 'ios' ? '500' : undefined,
  			},
  			'.bordered': {
  				'NativeBase.Text': {
  					color: variables.sTabBarActiveTextColor,
  					fontWeight: platform === 'ios' ? '500' : undefined,
  				},
  				borderBottomWidth: platform === 'ios' ? variables.borderWidth : null,
  			},
  			borderBottomWidth: null,
  			paddingVertical: variables.listItemPadding + 5,
  		},
  		'.footer': {
  			'NativeBase.Text': {
  				fontSize: 16,
  				fontWeight: platform === 'ios' ? '500' : undefined,
  			},
  			'.bordered': {
  				'NativeBase.Text': {
  					color: variables.activeTab,
  					fontWeight: '500',
  				},
  				borderTopWidth: platform === 'ios' ? variables.borderWidth : null,
  			},
  			borderBottomWidth: null,
  		},
  		'NativeBase.Text': {
  			'.note': {
  				color: variables.listNoteColor,
  				fontWeight: '200',
  			},
  		},
  
  		'NativeBase.Icon': {
  			width: variables.iconFontSize + 5,
  			fontSize: variables.iconFontSize - 2,
  		},
  		'NativeBase.IconNB': {
  			width: variables.iconFontSize + 5,
  			fontSize: variables.iconFontSize - 2,
  		},
  
  		'.bordered': {
  			borderBottomWidth: variables.borderWidth,
  			borderColor: variables.cardBorderColor,
  		},
  		flexDirection: 'row',
  		alignItems: 'center',
  		borderRadius: 2,
  		padding: variables.listItemPadding + 5,
  		paddingVertical: variables.listItemPadding,
  		backgroundColor: variables.cardDefaultBg,
  	};
  
  	return cardItemTheme;
  };
  