58 lines
1.2 KiB
TypeScript
58 lines
1.2 KiB
TypeScript
import { PixelRatio, StyleSheet } from 'react-native';
|
|
|
|
import { useTheme } from '../../../theme';
|
|
import sharedStyles from '../../../views/Styles';
|
|
|
|
export const useStyle = () => {
|
|
const { colors } = useTheme();
|
|
return StyleSheet.create({
|
|
container: {
|
|
height: 160 * PixelRatio.getFontScale(),
|
|
paddingHorizontal: 24,
|
|
paddingVertical: 18,
|
|
marginHorizontal: 10,
|
|
borderWidth: StyleSheet.hairlineWidth,
|
|
borderRadius: 4,
|
|
backgroundColor: colors.focusedBackground,
|
|
borderColor: colors.separatorColor,
|
|
flex: 1
|
|
},
|
|
small: {
|
|
width: '50%',
|
|
alignSelf: 'center'
|
|
},
|
|
row: {
|
|
flexDirection: 'row',
|
|
marginTop: 12
|
|
},
|
|
closeButton: {
|
|
backgroundColor: colors.passcodeButtonActive,
|
|
marginRight: 8,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
borderRadius: 4,
|
|
width: 36,
|
|
height: 36
|
|
},
|
|
cancelButton: {
|
|
borderRadius: 4,
|
|
backgroundColor: colors.cancelCallButton,
|
|
marginRight: 8,
|
|
flex: 2,
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
},
|
|
buttonText: {
|
|
...sharedStyles.textMedium,
|
|
color: 'white'
|
|
},
|
|
acceptButton: {
|
|
borderRadius: 4,
|
|
backgroundColor: colors.acceptCallButton,
|
|
flex: 2,
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
}
|
|
});
|
|
};
|