deriv-com / deriv-com-v2 / 7057093972

import { FixContainer, FluidContainer } from '@deriv/quill-design';

import DesktopNavBlur from './desktop.blur';

import clsx from 'clsx';

import { ReactNode } from 'react';

import { useLanguageSwitcher, useNavigation } from '@deriv-com/hooks';

export const DesktopNavigationWrapper = ({

  children,

}: {

  children: ReactNode;

}) => {

  const { isBlurVisible, isDropContentOpen } = useNavigation();

  const { showLangContent } = useLanguageSwitcher();

  return (

    <div className={'fixed z-50 w-screen'}>

      <FixContainer

        className={clsx(

          'bg-background-primary-container',

        )}

      >

        <FluidContainer

          className={clsx(

              : 'max-h-[80px]',

            'transition-max-height delay-0 duration-500 ease-in-out',

            'overflow-hidden',

          )}

        >

          {children}

        </FluidContainer>

      </FixContainer>

      )}

    </div>

  );

};

export default DesktopNavigationWrapper;