@helpwave/hightide/dist/components/dialogs/ConfirmDialog.d.ts

helpwave's component and theming library

import * as react_jsx_runtime from 'react/jsx-runtime';
import { PropsWithChildren } from 'react';
import { SolidButtonColor } from '../user-action/Button.js';
import { PropsForTranslation } from '../../localization/useTranslation.js';
import { DialogProps } from '../layout-and-navigation/Overlay.js';
import { FormTranslationType } from '../../localization/defaults/form.js';
import '../../localization/util.js';

type ConfirmDialogTranslation = FormTranslationType;
type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary';
type ButtonOverwriteType = {
    text?: string;
    color?: SolidButtonColor;
    disabled?: boolean;
};
type ConfirmDialogProps = DialogProps & {
    isShowingDecline?: boolean;
    requireAnswer?: boolean;
    onConfirm: () => void;
    onDecline?: () => void;
    confirmType?: ConfirmDialogType;
    /**
     * Order: Decline, Confirm
     */
    buttonOverwrites?: [ButtonOverwriteType, ButtonOverwriteType];
};
/**
 * A Dialog for demanding the user for confirmation
 *
 * To allow for background closing, prefer using a ConfirmModal
 */
declare const ConfirmDialog: ({ overwriteTranslation, children, onConfirm, onDecline, confirmType, buttonOverwrites, className, ...restProps }: PropsForTranslation<ConfirmDialogTranslation, PropsWithChildren<ConfirmDialogProps>>) => react_jsx_runtime.JSX.Element;

export { ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType };