d5c9a3dae8
* Require trailing commas * Add trailing commas * Add trailing commas in testUtils dir * Add trailing commas
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { Dialog, DialogContent, DialogTitle } from "@material-ui/core";
|
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
|
import { DialogProps } from "@saleor/types";
|
|
import React from "react";
|
|
|
|
import DialogButtons from "./DialogButtons";
|
|
import { ActionDialogVariant, Size } from "./types";
|
|
|
|
export interface ActionDialogProps extends DialogProps {
|
|
children?: React.ReactNode;
|
|
confirmButtonLabel?: string;
|
|
confirmButtonState: ConfirmButtonTransitionState;
|
|
disabled?: boolean;
|
|
maxWidth?: Size | false;
|
|
title: string;
|
|
variant?: ActionDialogVariant;
|
|
onConfirm();
|
|
}
|
|
|
|
const ActionDialog: React.FC<ActionDialogProps> = props => {
|
|
const { children, open, title, onClose, variant, maxWidth, ...rest } = props;
|
|
|
|
return (
|
|
<Dialog fullWidth onClose={onClose} open={open} maxWidth={maxWidth}>
|
|
<DialogTitle>{title}</DialogTitle>
|
|
<DialogContent>{children}</DialogContent>
|
|
<DialogButtons {...rest} onClose={onClose} variant={variant} />
|
|
</Dialog>
|
|
);
|
|
};
|
|
|
|
ActionDialog.defaultProps = {
|
|
maxWidth: "xs",
|
|
};
|
|
|
|
ActionDialog.displayName = "ActionDialog";
|
|
export default ActionDialog;
|