@wix/design-system
Version:
@wix/design-system
33 lines • 1.36 kB
TypeScript
import { MouseEventHandler, ReactNode } from 'react';
import { ModalSkin } from './BaseModalLayout.types';
import { TooltipProps } from '../Tooltip';
import { ButtonProps } from '../Button';
export type ModalLayoutContextProps = {
illustrationClassName?: string;
illustration?: ReactNode;
/**
* a global skin for the modal, will be applied as stylable state and will affect footer buttons skin.
*/
skin?: ModalSkin;
headerClassName?: string;
title?: ReactNode;
subtitle?: ReactNode;
footnoteClassName?: string;
footnote?: ReactNode;
footerClassName?: string;
actionsSize?: ButtonProps['size'];
sideActions?: ReactNode;
contentClassName?: string;
content?: ReactNode;
secondaryButtonText?: ReactNode;
secondaryButtonOnClick?: MouseEventHandler;
secondaryButtonProps?: Omit<ButtonProps, 'dataHook' | 'a'>;
primaryButtonText?: ReactNode;
primaryButtonOnClick?: MouseEventHandler;
primaryButtonProps?: Omit<ButtonProps, 'dataHook'>;
primaryButtonTooltipProps?: Omit<TooltipProps, 'children'>;
};
declare const BaseModalLayoutContext: import("react").Context<ModalLayoutContextProps>;
declare function useBaseModalLayoutContext(): ModalLayoutContextProps;
export { BaseModalLayoutContext, useBaseModalLayoutContext };
//# sourceMappingURL=BaseModalLayoutContext.d.ts.map