import React from 'react';
import HorizontalMenuContent from './HorizontalMenuContent';
import useResponsive from '@/utils/hooks/useResponsive';
import { useSelector } from 'react-redux';

const HorizontalNav = () => {
  const mode = useSelector((state) => state.theme.mode);
  const userAuthority = useSelector((state) => state.auth.user.authority);

  const { larger } = useResponsive();

  return <>{larger.lg && <HorizontalMenuContent manuVariant={mode} userAuthority={userAuthority} />}</>;
};

export default HorizontalNav;
