@foreverrbum/ethsign/dist/components/Dashboard/ToggleSwitch.js

This package will allow you to electronically sign documents within your application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactSwitch = _interopRequireDefault(require("react-switch"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ToggleSwitch = function ToggleSwitch(props) {
  var value = props.value,
      _onChange = props.onChange,
      label = props.label,
      note = props.note;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "flex cursor-pointer"
  }, /*#__PURE__*/_react.default.createElement(_reactSwitch.default, {
    checked: value,
    onChange: function onChange() {
      _onChange();
    },
    onColor: "#E98234",
    onHandleColor: "#E98234",
    handleDiameter: 20,
    uncheckedIcon: false,
    checkedIcon: false,
    boxShadow: "0px 1px 5px rgba(0, 0, 0, 0.6)",
    activeBoxShadow: "0px 0px 1px 5px rgba(0, 0, 0, 0.2)",
    height: 20,
    width: 40,
    className: "mr-3"
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col",
    onClick: function onClick() {
      _onChange();
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "font-semibold "
  }, label), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-13 text-gray-60 font-normal"
  }, note)));
};

var _default = ToggleSwitch;
exports.default = _default;