import { View } from "@tarojs/components";
import styles from "./index.module.scss";
import { useGlobalState } from "@/store/global";

interface IProps {
  children: any;
}

const CustomNavbar = (props: IProps) => {
  const { children } = props;
  const { statusNavbarHeightInfo } = useGlobalState();
  const { totalHeight } = statusNavbarHeightInfo;

  return (
    <View
      className={styles.customerNavbar}
      style={{ height: `${totalHeight}px` }}
    >
      {children}
    </View>
  );
};
export default CustomNavbar;
