fix(components): make navbar usable with javascript disabled

1 files changed, 2 insertions, 17 deletions

diff --git a/src/components/atoms/overlay/overlay.tsx b/src/components/atoms/overlay/overlay.tsx
index 7dd7446..e8945a8 100644
--- a/src/components/atoms/overlay/overlay.tsx
+++ b/src/components/atoms/overlay/overlay.tsx
@@ -4,7 +4,6 @@ import {
   type HTMLAttributes,
   type ReactNode,
 } from 'react';
-import { useScrollLock } from '../../../utils/hooks';
 import styles from './overlay.module.scss';
 
 export type OverlayProps = HTMLAttributes<HTMLDivElement> & {
@@ -12,27 +11,13 @@ export type OverlayProps = HTMLAttributes<HTMLDivElement> & {
    * The elements to display in front of the overlay.
    */
   children: ReactNode;
-  /**
-   * Should the overlay be visible?
-   *
-   * Use it if you want an animated overlay instead of mounting/demounting it.
-   *
-   * @default true
-   */
-  isVisible?: boolean;
 };
 
 const OverlayWithRef: ForwardRefRenderFunction<HTMLDivElement, OverlayProps> = (
-  { children, className = '', isVisible = true, ...props },
+  { children, className = '', ...props },
   ref
 ) => {
-  const overlayClass = [
-    styles.overlay,
-    styles[isVisible ? 'overlay--visible' : 'overlay--hidden'],
-    className,
-  ].join(' ');
-
-  useScrollLock(isVisible);
+  const overlayClass = [styles.overlay, className].join(' ');
 
   return (
     <div {...props} className={overlayClass} ref={ref}>