import React from 'react';
import './Reboot.css';
import {connect} from 'react-redux';
import Box from '../UI/Box/Box';
import Button from '../UI/Button/Button';
import {rebootSystem} from '../../redux/actions/common_actions';

const mapDispatchToProps = dispatch => {
  return {
    rebootSystem: () => dispatch(rebootSystem()),
  };
};

export default connect(null, mapDispatchToProps)(props => {
  return (
    <Box dxDark dxStyle={{padding: 'var(--default_spacing)'}}>
      <h1 className={'RebootHeading'}>Reboot System</h1>
      <div className={'RebootContent'}>
        <p>Repertory requires a system reboot to continue.</p>
      </div>
      <Button clicked={()=>props.rebootSystem()}>Reboot Now</Button>
    </Box>
  );
});