import React from "react";
import { StyleProp, ViewStyle } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";

interface IVerticalSafeAreaViewProps {
    mode?: "margin" | "padding";
    children: JSX.Element | JSX.Element[];
    style?: StyleProp<ViewStyle>;
}
export default function VerticalSafeAreaView(
    props: IVerticalSafeAreaViewProps,
) {
    const { children, style, mode } = props;
    return (
        <SafeAreaView style={style} mode={mode} edges={["top", "bottom"]}>
            {children}
        </SafeAreaView>
    );
}