System bars

import { useEffect } from 'react';
import { useStatusBar, useNavigationBar } from '@cskn/sdk';

function DarkScreen() {
  const statusBar = useStatusBar();
  const navigationBar = useNavigationBar();

  useEffect(() => {
    statusBar.set({ style: 'light', backgroundColor: '#000000' });
    navigationBar.set({ style: 'light', backgroundColor: '#000000' });
  }, [statusBar, navigationBar]);

  return <div style={{ background: '#000' }}>…</div>;
}