adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
40 lines (39 loc) • 1.18 kB
TypeScript
import React from "react";
export declare type PageSwitcherPage = {
key: string | number;
label?: React.ReactNode;
content: React.ReactNode;
closable?: boolean;
};
export declare type PageSwitcherProps = {
className?: string;
pages: Array<PageSwitcherPage>;
mainPage?: number;
activePage?: number;
transition?: "horizontal" | "vertical" | "opacity" | false;
expand?: boolean;
padded?: boolean;
useMainPageDimensions?: boolean | "width" | "height";
style?: React.CSSProperties;
};
export declare class PageSwitcher extends React.Component<PageSwitcherProps> {
static defaultProps: {
transition: string;
expand: boolean;
useMainPageDimensions: boolean;
};
activePage: React.MutableRefObject<HTMLDivElement | null>;
mustSetIsSwitching?: boolean;
state: {
activePage?: number;
isSwitching: boolean;
width?: number;
height?: number;
};
constructor(props: PageSwitcherProps);
getPagesToRender(): number[];
componentDidUpdate(): void;
onTransitionEnd: () => void;
onRef: (ref: HTMLDivElement) => void;
render(): JSX.Element;
}