import * as React from 'react';
import PageHeader from '../PageHeader';
import PageFooter from '../PageFooter';
import PageSection from '../PageSection';
import { ScrollableContainerCommonProps } from '../common';

export type PageProps = {
  children?: React.ReactNode;
  dataHook?: string;
  backgroundImageUrl?: string;
  maxWidth?: number;
  minWidth?: number;
  height?: string;
  sidePadding?: number;
  className?: string;
  gradientClassName?: string;
  scrollableContentRef?: (ref: HTMLElement) => void;
  zIndex?: number;
  horizontalScroll?: boolean;
  scrollProps?: ScrollableContainerCommonProps;
};

export interface ContentProps {
  children: React.ReactNode;
  className?: string;
  fullScreen?: boolean;
}
declare const Content: React.FC<ContentProps>;

export interface FixedContentProps {
  children: React.ReactElement;
}
declare const FixedContent: React.FC<FixedContentProps>;

export interface FixedFooterProps {
  children: React.ReactElement;
}
declare const FixedFooter: React.FC<FixedFooterProps>;

export interface TailProps {
  children: React.ReactElement;
  minimized?: boolean;
}
declare const Tail: React.FC<TailProps>;

export interface StickyProps {
  children: React.ReactElement | StickyChildrenRenderFn;
  style?: React.CSSProperties;
}
type StickyChildrenRenderFn = (data: {
  style: string;
  className: string;
}) => React.ReactElement;
declare const Sticky: React.FC<StickyProps>;

export default class Page extends React.PureComponent<PageProps> {
  static Header: typeof PageHeader;
  static Content: typeof Content;
  static FixedContent: typeof FixedContent;
  static Tail: typeof Tail;
  static Sticky: typeof Sticky;
  static FixedFooter: typeof FixedFooter;
  static Footer: typeof PageFooter;
  static Section: typeof PageSection;
}