/*
 * Copyright (c) 2017-present, Facebook, Inc.
 * All rights reserved.
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

import React from "react";
import DoneButton from "./DoneButton.jsx";

function DoneResponse({ onTaskComplete, onMessageSend, isTaskDone, doneText }) {
  // TODO maybe move to CSS?
  let pane_style = {
    paddingLeft: "25px",
    paddingTop: "20px",
    paddingBottom: "20px",
    paddingRight: "25px",
    float: "left",
  };
  return (
    <div
      id="response-type-done"
      className="response-type-module"
      style={pane_style}
    >
      {doneText ? (
        <span id="inactive" style={{ fontSize: "14pt", marginRight: "15px" }}>
          {doneText}
        </span>
      ) : null}
      {isTaskDone ? (
        <DoneButton
          onMessageSend={onMessageSend}
          onTaskComplete={onTaskComplete}
        />
      ) : null}
    </div>
  );
}

export default DoneResponse;