import { StyleSheet } from 'react-native';

import { verticalScale, moderateScale } from '../../utils/scaling';
import { isTablet } from '../../utils/deviceInfo';
import sharedStyles from '../Styles';

export default StyleSheet.create({
	onboarding: {
		alignSelf: 'center',
		marginTop: isTablet ? 0 : verticalScale(116),
		marginBottom: verticalScale(50),
		maxHeight: verticalScale(150),
		resizeMode: 'contain',
		width: 100,
		height: 100
	},
	title: {
		...sharedStyles.textBold,
		letterSpacing: 0,
		fontSize: moderateScale(24),
		alignSelf: 'center',
		marginBottom: verticalScale(8)
	},
	subtitle: {
		...sharedStyles.textRegular,
		fontSize: moderateScale(16),
		alignSelf: 'center',
		marginBottom: verticalScale(24)
	},
	description: {
		...sharedStyles.textRegular,
		...sharedStyles.textAlignCenter,
		fontSize: moderateScale(14),
		alignSelf: 'center',
		marginHorizontal: 20
	},
	buttonsContainer: {
		marginBottom: verticalScale(10),
		marginTop: verticalScale(30)
	}
});