'use client';

import React, { createContext, useContext, useState } from 'react';

type MobileBannerContextType = {
  isBannerVisible: boolean;
  setIsBannerVisible: (visible: boolean) => void;
};

const MobileBannerContext = createContext<MobileBannerContextType>({
  isBannerVisible: false,
  setIsBannerVisible: () => {},
});

export const MobileBannerProvider: React.FC<{ children: React.ReactNode }> = ({
  children,
}) => {
  const [isBannerVisible, setIsBannerVisible] = useState(false);

  return (
    <MobileBannerContext.Provider
      value={{ isBannerVisible, setIsBannerVisible }}
    >
      {children}
    </MobileBannerContext.Provider>
  );
};

export const useMobileBanner = () => useContext(MobileBannerContext);