import React, { useState, useEffect, useRef } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { initSequence, shouldRedirectTo } from "../../store/rehab/main";
import "./style.css";

var ResultRecordScreen = function ResultRecordScreen(props) {
  var _useSelector = useSelector(function (state) {
    return state.rehab.main;
  }),
      completed = _useSelector.completed;

  var dispatch = useDispatch();

  var handleReturnAdmin = function handleReturnAdmin(e) {
    dispatch(shouldRedirectTo());
  };

  var handleRecordNew = function handleRecordNew(e) {
    dispatch(initSequence());
  };

  return /*#__PURE__*/React.createElement("div", {
    className: "result-record"
  }, /*#__PURE__*/React.createElement("div", {
    className: "container"
  }, /*#__PURE__*/React.createElement("h2", {
    className: "splash-subtitle"
  }, "What would you like to do?"), /*#__PURE__*/React.createElement("div", {
    className: "splash-actions"
  }, /*#__PURE__*/React.createElement("button", {
    className: "btn-outline",
    onClick: handleReturnAdmin
  }, "Return to Admin Console"), /*#__PURE__*/React.createElement("button", {
    className: "btn-outline",
    onClick: handleRecordNew
  }, "Record Another Exercise"))));
};

export default ResultRecordScreen;