import * as React from "react";
import { connect } from "react-redux";
import {State} from "../../../../store/reducer";
import { AlertBox, AlertBoxContainerProps } from "./alertbox";

export interface AlertBoxContainerState {
    isAlertVisible?: boolean;
}

export class AlertBoxContainer extends React.Component<AlertBoxContainerProps, AlertBoxContainerState> {


    render() {
        return (
            <AlertBox
                isAlertVisible={this.props.isAlertVisible}
                alertHeader={this.props.alertHeader}
                alertMessage={this.props.alertMessage}
                alertLeftButtonText={this.props.alertLeftButtonText}
                alertRightButtonText={this.props.alertRightButtonText}
                alertLeftButton={this.props.alertLeftButton}
                alertRightButton={this.props.alertRightButton}
            />
        );
    }
}


export default connect<any, AlertBoxContainerProps, AlertBoxContainerProps>(
    mapStateToProps,
    null
)(AlertBoxContainer);