"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});

const react_1 = __importDefault(require("react"));

const Empty_1 = require("../../../atoms/Empty");

const styled_1 = require("./styled");

function defaultRenderToggleButton(props, state) {
  const {
    handleToggle
  } = state;
  return react_1.default.createElement(styled_1.ToggleItemWrapper, null, react_1.default.createElement(styled_1.StyledCheckBox, {
    width: "20",
    height: "20",
    onClick: handleToggle
  }), react_1.default.createElement(styled_1.StyledTextBox, {
    width: "200",
    height: "16"
  }));
}

exports.defaultRenderToggleButton = defaultRenderToggleButton;

function defaultRenderExpandedView(props, state) {
  return react_1.default.createElement(styled_1.StyledCommentBox, null, react_1.default.createElement(styled_1.StyledTextArea, {
    height: "150"
  }), react_1.default.createElement(styled_1.ButtonGroup, null, react_1.default.createElement(styled_1.StyledButton, {
    height: "44"
  }), react_1.default.createElement(styled_1.StyledButton, {
    height: "44"
  })));
}

exports.defaultRenderExpandedView = defaultRenderExpandedView;

function defaultRenderDefaultView(props, state) {
  return react_1.default.createElement(Empty_1.Empty, null);
}

exports.defaultRenderDefaultView = defaultRenderDefaultView; //# sourceMappingURL=renderProps.js.map