import { MerchantLogo, HeaderConfig, SiteConfig, FooterConfig, SEOMetaTags } from 'types/generator-site';
import { UIStoreType } from 'types/stores';

export interface LayoutProps {
  children: React.ReactNode;
  hasTopMargin?: boolean;
  backButtonUrl?: string;
  backButtonCopy?: string;
  uiStore?: UIStoreType;
  shouldDisableHybridHeader: boolean;
}

export interface LayoutState {
  isBasketVisible: boolean;
  isMobileMenuVisible: boolean;
  isLightboxVisible: boolean;
}

export interface LayoutQuery {
  siteConfig: {
    siteTitle: string;
    contactEmail: string,
    contactPhoneNumber: string,
    logo: MerchantLogo;
    logoIcon: MerchantLogo;
    logoCheckout: MerchantLogo;
    theme: SiteConfig;
    headerLayout: HeaderConfig;
    footerLayout: FooterConfig;
    _seoMetaTags: SEOMetaTags;
  };
}