/* RH screen wrapper — Recursos Humanos */

const RHScreen = ({ user }) => {
  const [sub, setSub] = useSubNav('digi-rh-sub', 'organograma');

  React.useEffect(() => {
    const onKey = (e) => {
      if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
      const map = { '1': 'organograma' };
      if (map[e.key]) setSub(map[e.key]);
    };
    window.addEventListener('keydown', onKey);
    return () => window.removeEventListener('keydown', onKey);
  }, []);

  const Comp = { organograma: window.SistemaOrganograma }[sub];

  return (
    <div style={{ display: 'flex', background: 'var(--bg)', height: '100%', minHeight: 0, overflow: 'hidden' }}>
      <div style={{ flex: 1, minWidth: 0, minHeight: 0, height: '100%', overflow: 'hidden', display: 'flex', flexDirection: 'column' }}>
        {Comp ? <Comp user={user} /> : null}
      </div>
    </div>
  );
};

window.RHScreen = RHScreen;