src/Assets/Styles/SelectBoxStyle.ts
// Global Imports
import { StyleSheet, ViewStyle, TextStyle, ImageStyle, View } from 'react-native';
export const SelectBoxStyle = StyleSheet.create({
container: {
backgroundColor: '#fff',
paddingHorizontal: 10,
paddingVertical: 10,
position: 'relative',
borderWidth: 1,
borderColor: '#9E9E9E',
justifyContent: 'space-between',
flexDirection: 'row',
alignContent: 'center',
alignItems: 'center',
} as ViewStyle,
chooseText: {
fontWeight: '500',
} as TextStyle,
downBtn: {
width: 10,
height: 10,
} as ImageStyle,
pressBtn: {
marginVertical: 10,
} as ViewStyle,
disabledBtn: {
borderColor: '#ddd',
} as ViewStyle,
disabledTxt: {
color: '#ddd',
} as TextStyle,
disabledImage: {
opacity: 0.2,
} as ImageStyle,
});