import * as React from "react"; import { ButtonColor } from "../Button/Button"; import { IconName } from "../Icon/Icon"; import { ModalCloseReason, ModalProps } from "../Modal"; import { CSSTransitionProps } from "../../utils/reactTransitionGroup"; export type FullSizeConfirmModalCloseReason = "clickCloseIcon" | "clickCancelButton"; export type SubAction = { title: string; icon: IconName; action: () => void; }; /** * @deprecated このコンポーネントは非推奨です。代わりに `Drawer` を使用してください。 */ export type FullSizeConfirmModalProps = { title: string; confirmText?: string; cancelText?: string; onClose?: (event: React.MouseEvent | React.MouseEvent, reason: ModalCloseReason | FullSizeConfirmModalCloseReason) => void; /** * If `undefined`, footer is removed when `onConfirm` is also `undefined`. * @deprecated onConfirm の利用を推奨。 */ onSubmit?: (event: React.FormEvent) => void; /** * If `undefined`, footer is removed when `onSubmit` is also `undefined`. */ onConfirm?: (event: React.MouseEvent) => void; buttonColor?: ButtonColor; isOpen?: boolean; /** * If `true`, disabled to click submit button. */ disabled?: boolean; loading?: boolean; overflowYScroll?: boolean; /** * If `true`, children is wrapped by ``. */ disableHorizontalPadding?: boolean; subActions?: React.ReactNode[]; /** * props of [Modal](/?path=/docs/components-utils-modal) */ modalProps?: ModalProps; /** * props of [Fade](/?path=/docs/components-utils-fade) */ fadeProps?: CSSTransitionProps; children?: React.ReactNode; }; /** * @deprecated このコンポーネントは非推奨です。代わりに `Drawer` を使用してください。 */ declare const FullSizeConfirmModal: React.ForwardRefExoticComponent>; export default FullSizeConfirmModal;