import React from 'react';
import { StatusBar as RNStatusBar } from 'react-native';
import { StatusBar as ExpoStatusBar } from 'expo-status-bar'; 
import { useStatusBarStore } from '../lib/status-bar-store';

const MyStatusBar: React.FC = () => {
  const { barStyle, backgroundColor } = useStatusBarStore();

  // Map expo-status-bar style values to react-native barStyle values
  const rnBarStyle = barStyle === 'light' ? 'light-content' : 'dark-content';
  
  return (
    // <RNStatusBar barStyle={rnBarStyle} backgroundColor={backgroundColor} />
    // <ExpoStatusBar style={barStyle} />
    <></>
  );
};

export default MyStatusBar;