58 lines
969 B
TypeScript
58 lines
969 B
TypeScript
import * as React from "react";
|
|
|
|
export interface OverlayTheme {
|
|
/**
|
|
* Active class name.
|
|
*/
|
|
active?: string;
|
|
/**
|
|
* Backdrop class name.
|
|
*/
|
|
backdrop?: string;
|
|
/**
|
|
* Invisible class name.
|
|
*/
|
|
invisible?: string;
|
|
/**
|
|
* Overlay class name.
|
|
*/
|
|
overlay?: string;
|
|
}
|
|
|
|
|
|
export interface OverlayProps {
|
|
/**
|
|
* Whether overlay is active.
|
|
*/
|
|
active?: boolean;
|
|
/**
|
|
* Nodes to be nested inside Overlay.
|
|
*/
|
|
children?: React.ReactNode;
|
|
/**
|
|
* Additional class name(s) for root container.
|
|
*/
|
|
className?: string;
|
|
/**
|
|
* Whether Overlay should have 'invisible' styles.
|
|
* @default false
|
|
*/
|
|
invisible?: boolean;
|
|
/**
|
|
* Callback invoked on Overlay click.
|
|
*/
|
|
onClick?: Function;
|
|
/**
|
|
* Callback invoked on ESC key.
|
|
*/
|
|
onEscKeyDown?: Function;
|
|
/**
|
|
* Overlay theme.
|
|
*/
|
|
theme?: OverlayTheme;
|
|
}
|
|
|
|
export class Overlay extends React.Component<OverlayProps, {}> { }
|
|
|
|
export default Overlay;
|