mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
33 lines
735 B
TypeScript
33 lines
735 B
TypeScript
import * as React from 'react';
|
|
import { Modal, ModalProps, StyleSheet, View, ViewStyle } from 'react-native';
|
|
import { hasNotch } from 'react-native-device-info';
|
|
|
|
interface ModalElementProps extends ModalProps {
|
|
children: React.ReactNode;
|
|
containerStyle?: ViewStyle;
|
|
elevation?: number;
|
|
}
|
|
|
|
const ModalElement: React.FC<ModalElementProps> = ({
|
|
children,
|
|
containerStyle,
|
|
...modalProps
|
|
}) => {
|
|
return (
|
|
<Modal {...modalProps}>
|
|
<View style={[styleSheet.modalContainer, containerStyle ? containerStyle : null]}>
|
|
{children}
|
|
</View>
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
const styleSheet = StyleSheet.create({
|
|
modalContainer: {
|
|
marginTop: hasNotch() ? 65 : 15,
|
|
marginBottom: hasNotch() ? 35 : 15,
|
|
},
|
|
});
|
|
|
|
export default ModalElement;
|