import { useMemo } from "react";
import { useIsMobile } from "./use-is-mobile";
import useHeaderConfig from "@/features/core/hooks/use-header-config";
const useAppShellHeight = () => {
  const isMobile = useIsMobile();
  const headerConfig = useHeaderConfig();

  const height = useMemo(() => 
    `calc(100dvh - var(--app-shell-header-height, 0px) - ${isMobile && !headerConfig.collapsed ? '4rem' : '0px'} - 1.285rem)`,
  [isMobile, headerConfig.collapsed]);

  return height;
}

export default useAppShellHeight;