import * as react from 'react'; import { MouseEvent, ComponentProps } from 'react'; import * as react_jsx_runtime from 'react/jsx-runtime'; import { AbstractDialogProps } from '../../dialog/src/Dialog.js'; import { OmitInternalProps } from '../../shared/src/types.js'; import '../../box/src/Box.js'; import '../../styling/src/useResponsiveValue.js'; import '../../styling/src/BreakpointProvider.js'; import '../../styling/src/styled-system/props-handler.js'; import 'csstype'; import '../../shared/src/type-fest.js'; import '../../styling/src/styled-system/StylingContext.js'; declare const DefaultElement = "section"; interface InnerAlertProps extends AbstractDialogProps { /** * The button to focus by default when the alert open. */ autoFocusButton?: "primary" | "secondary" | "cancel"; /** * The cancel button label. */ cancelButtonLabel?: string; /** * Called when the cancel button is clicked. * @param {MouseEvent} event - React's original event. * @returns {void} */ onCancelButtonClick?: (event: MouseEvent) => void; /** * Called when the primary button is clicked. * @param {MouseEvent} event - React's original event. * @returns {void} */ onPrimaryButtonClick?: (event: MouseEvent) => void; /** * Called when the secondary button is clicked. * @param {MouseEvent} event - React's original event. * @returns {void} */ onSecondaryButtonClick?: (event: MouseEvent) => void; /** * Whether or not the primary button is disabled. */ primaryButtonDisabled?: boolean; /** * The primary button label. */ primaryButtonLabel: string; /** * Whether or not the secondary button is disabled. */ secondaryButtonDisabled?: boolean; /** * The secondary button label. */ secondaryButtonLabel?: string; /** * The style to use. */ variant?: "confirmation" | "destructive"; } declare function InnerAlert({ as, autoFocusButton, cancelButtonLabel, children, dismissable, forwardedRef, onCancelButtonClick, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonDisabled, primaryButtonLabel, secondaryButtonDisabled, secondaryButtonLabel, variant, zIndex, ...rest }: InnerAlertProps): react_jsx_runtime.JSX.Element; declare namespace InnerAlert { var defaultElement: string; } /** * An alert is a modal dialog that interrupts the user's workflow to communicate an important message and acquire a response. * * [Documentation](https://wl-orbiter-website.netlify.app/?path=/docs/alert--default-story) */ declare const Alert: react.ForwardRefExoticComponent, "ref"> & react.RefAttributes>; type AlertProps = ComponentProps; export { Alert, type AlertProps, InnerAlert, type InnerAlertProps };