import { StyleSheet } from 'react-native';

import { color } from 'nixplay-ui-kit';

export const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: color.white,
	},
	switchContainer: {
		justifyContent: 'space-between',
		flexDirection: 'row',
		alignItems: 'center',
		paddingHorizontal: 16,
		paddingTop: 10,
	},
	switchText: {
		flex: 1,
	},
	inputContainer: {
		paddingTop: 12,
		paddingHorizontal: 16,
	},
	hide: {
		display: 'none',
	},
	inputLabel: {
		marginBottom: 10,
	},
	loading: {
		flex: 1,
		width: '100%',
		height: '100%',
		opacity: 0.8,
		position: 'absolute',
		backgroundColor: color.white,
		justifyContent: 'center',
		alignItems: 'center',
	},
	bottomContainer: {
		position: 'absolute',
		left: 0,
		right: 0,
		bottom: 0,
	},
	bottomSpace: {
		height: 75,
		width: '100%',
	},
	confirmButton: {
		marginTop: 8,
		marginLeft: 20,
		marginRight: 20,
	},
	buttonContainer: {
		alignItems: 'center',
		paddingVertical: 24,
		maxWidth: 130,
	},
	buttonTitleStyle: {
		paddingTop: 10,
		textAlign: 'center',
	},
	buttonTextStyle: {
		paddingRight: 5,
		paddingLeft: 5,
		paddingTop: 10,
		textAlign: 'center',
	},
});
