react-hyper-modal
Version:
Fully customizable and accessible modal react component
22 lines (21 loc) • 1.01 kB
TypeScript
/// <reference types="react" />
import { IClassNamesProps, ICloseIconPosition } from './types';
export declare type RenderButtonProps = {
renderOpenButton?: boolean | ((requestOpen: () => void) => JSX.Element | string);
open: () => void;
};
export declare type RenderCloseIcon = {
classes?: IClassNamesProps;
renderCloseIconProp?: () => JSX.Element | null | string;
closeOnCloseIconClick?: boolean;
closeIconPosition?: ICloseIconPosition;
close: () => void;
};
export declare type RenderDimmer = {
classes?: IClassNamesProps;
closeOnDimmerClick?: boolean;
close: () => void;
};
export declare const renderButton: ({ renderOpenButton, open }: RenderButtonProps) => string | JSX.Element | null;
export declare const renderCloseIcon: ({ classes, renderCloseIconProp, closeOnCloseIconClick, closeIconPosition, close }: RenderCloseIcon) => JSX.Element;
export declare const renderDimmer: ({ classes, closeOnDimmerClick, close }: RenderDimmer) => JSX.Element;