xref: /MusicFree/src/components/base/statusBar.tsx (revision 9c72192f09e3e71b70c1fb446447ba438c4fffbd)

import React from 'react';
import {StatusBar, StatusBarProps, View} from 'react-native';
import useColors from '@/hooks/useColors';

interface IStatusBarProps extends StatusBarProps {}

export default function (props: IStatusBarProps) {
    const colors = useColors();
    const {backgroundColor, barStyle} = props;

    return (
        <>
            <StatusBar
                backgroundColor={'rgba(0,0,0,0)'}
                barStyle={barStyle ?? 'light-content'}
            />
            <View
                style={{
                    zIndex: 10000,
                    position: 'absolute',
                    top: 0,
                    backgroundColor:
                        backgroundColor ?? colors.appBar ?? colors.primary,
                    width: '100%',
                    height: StatusBar.currentHeight,
                }}
            />
        </>
    );
}