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

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