xref: /MusicFree/src/components/base/statusBar.tsx (revision 9c72192f09e3e71b70c1fb446447ba438c4fffbd) 
1import React from 'react';
2import {StatusBar, StatusBarProps, View} from 'react-native';
3import useColors from '@/hooks/useColors';
4
5interface IStatusBarProps extends StatusBarProps {}
6
7export default function (props: IStatusBarProps) {
8    const colors = useColors();
9    const {backgroundColor, barStyle} = props;
10
11    return (
12        <>
13            <StatusBar
14                backgroundColor={'rgba(0,0,0,0)'}
15                barStyle={barStyle ?? 'light-content'}
16            />
17            <View
18                style={{
19                    zIndex: 10000,
20                    position: 'absolute',
21                    top: 0,
22                    backgroundColor:
23                        backgroundColor ?? colors.appBar ?? colors.primary,
24                    width: '100%',
25                    height: StatusBar.currentHeight,
26                }}
27            />
28        </>
29    );
30}
31