28 lines
676 B
TypeScript
28 lines
676 B
TypeScript
import React from 'react';
|
|
import { StatusBar as StatusBarRN } from 'react-native';
|
|
|
|
import { useTheme } from '../theme';
|
|
|
|
const supportedStyles = {
|
|
'light-content': 'light-content',
|
|
'dark-content': 'dark-content'
|
|
};
|
|
|
|
interface IStatusBar {
|
|
barStyle?: keyof typeof supportedStyles;
|
|
backgroundColor?: string;
|
|
}
|
|
|
|
const StatusBar = ({ barStyle, backgroundColor }: IStatusBar) => {
|
|
const { theme, colors } = useTheme();
|
|
if (!barStyle) {
|
|
barStyle = 'light-content';
|
|
if (theme === 'light') {
|
|
barStyle = 'dark-content';
|
|
}
|
|
}
|
|
return <StatusBarRN backgroundColor={backgroundColor ?? colors.surfaceNeutral} barStyle={barStyle} animated />;
|
|
};
|
|
|
|
export default StatusBar;
|