xref: /MusicFree/src/components/base/statusBar.tsx (revision 4060c00a75883036bbd315fb25c90065209312b3)

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

interface IStatusBarProps extends StatusBarProps {}

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

    return (
        <View
            style={{
                zIndex: 10000,
                position: 'absolute',
                top: 0,
                backgroundColor: backgroundColor ?? colors.primary,
                width: rpx(750),
                height: StatusBar.currentHeight,
            }}
        />
    );
}