import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
import React from 'react';
import { Gapped } from "../../../components/Gapped";
import { Toggle } from "../../../components/Toggle";
export var TogglePlayground = /*#__PURE__*/function (_React$Component) {
  function TogglePlayground() {
    return _React$Component.apply(this, arguments) || this;
  }
  _inheritsLoose(TogglePlayground, _React$Component);
  var _proto = TogglePlayground.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/(
      React.createElement(Gapped, {
        vertical: true
      }, /*#__PURE__*/
      React.createElement(Gapped, {
        gap: 10
      }, /*#__PURE__*/
      React.createElement(Toggle, null), /*#__PURE__*/
      React.createElement("div", null, "Toggle")), /*#__PURE__*/
      React.createElement(Gapped, {
        gap: 10
      }, /*#__PURE__*/
      React.createElement(Toggle, {
        disabled: true
      }), /*#__PURE__*/
      React.createElement("div", null, "Disabled toggle")))
    );
  };
  return TogglePlayground;
}(React.Component);