\n Dev Info: {extendedError}\n
\n )}\n\n x {errorMsg}\n
\n );\n};\n\nexport const InputErrorMsgCentered: React.FC<{\n errorMsg: string;\n}> = ({ errorMsg }) => {\n return (\n\n x {errorMsg}\n
\n );\n};\n\nexport default InputErrorMsg;\n","import React, { createContext, useContext, useState, useCallback } from 'react';\n\n// Create Context\nconst NavbarContext = createContext({ isVisible: false, showNavbar: () => {}, hideNavbar: () => {}, toggleNavbar: () => {}, });\n\n// Provider Component\nexport const NavbarProvider = ({ children }) => {\n const [isVisible, setIsVisible] = useState(false);\n\n const showNavbar = useCallback(() => setIsVisible(true), []);\n const hideNavbar = useCallback(() => setIsVisible(false), []);\n const toggleNavbar = useCallback(() => setIsVisible((prev) => !prev), []);\n\n return (\n\n \n Or\n \n
\n