import DialogWrapper from './dialog-wrapper';
import DialogContent from './dialog-content';
import DialogTitle from './dialog-title';
import DialogText from './dialog-text';
import DialogActions from './dialog-actions';
import DialogButton from './dialog-button';
import './dialog.scss';
export default function Dialog( props ) {
return (
<DialogWrapper onSubmit={ props.onSubmit } onClose={ props.onClose }>
<DialogContent>
{ props.title && <DialogTitle>{ props.title }</DialogTitle> }
{ props.text && <DialogText>{ props.text }</DialogText> }
{ props.children }
</DialogContent>
<DialogActions>
<DialogButton
key="dismiss"
text={ props.dismissButtonText }
onClick={ props.dismissButtonOnClick }
url={ props.dismissButtonUrl }
target={ props.dismissButtonTarget }
// eslint-disable-next-line jsx-a11y/tabindex-no-positive
tabIndex="2"
/>
<DialogButton
key="approve"
text={ props.approveButtonText }
onClick={ props.approveButtonOnClick }
url={ props.approveButtonUrl }
target={ props.approveButtonTarget }
color={ props.approveButtonColor }
elRef={ props.approveButtonRef }
// eslint-disable-next-line jsx-a11y/tabindex-no-positive
tabIndex="1"
/>
</DialogActions>
</DialogWrapper>
);
}
Dialog.propTypes = {
title: PropTypes.any,
text: PropTypes.any,
children: PropTypes.any,
onSubmit: PropTypes.func,
onClose: PropTypes.func,
dismissButtonText: PropTypes.string.isRequired,
dismissButtonOnClick: PropTypes.func,
dismissButtonUrl: PropTypes.string,
dismissButtonTarget: PropTypes.string,
approveButtonText: PropTypes.string.isRequired,
approveButtonOnClick: PropTypes.func,
approveButtonUrl: PropTypes.string,
approveButtonColor: PropTypes.string,
approveButtonTarget: PropTypes.string,
approveButtonRef: PropTypes.object,
};
Dialog.defaultProps = {};
Dialog.Wrapper = DialogWrapper;
Dialog.Content = DialogContent;
Dialog.Title = DialogTitle;
Dialog.Text = DialogText;
Dialog.Actions = DialogActions;
Dialog.Button = DialogButton;