"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.UnlinkVarsPlayground = void 0;var _react = _interopRequireWildcard(require("react"));

var _ThemeContext = require("../../lib/theming/ThemeContext");
var _ThemeFactory = require("../../lib/theming/ThemeFactory");

var _Checkbox = require("../../components/Checkbox");
var _Radio = require("../../components/Radio");
var _FileUploader = require("../../components/FileUploader");
var _Paging = require("../../components/Paging");

var _helpers = require("./helpers");


var propsList = [
{ children: 'Semichecked', initialIndeterminate: true },
{ children: 'Checked', checked: true },
{ children: 'Checked & Focused', checked: true, focused: true }];


var UnlinkVarsPlayground = exports.UnlinkVarsPlayground = function UnlinkVarsPlayground() {
  var theme = _ThemeFactory.ThemeFactory.create({ borderColorFocus: '#7474DA', linkColor: '#0000cc' });
  var _useState = (0, _react.useState)(3),active = _useState[0],setActive = _useState[1];
  return /*#__PURE__*/(
    _react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: theme }, /*#__PURE__*/
    _react.default.createElement("div", { style: { display: 'grid', gap: '10px' } },
    (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, null), propsList), /*#__PURE__*/
    _react.default.createElement(_Paging.Paging, { activePage: active, pagesCount: 5, onPageChange: function onPageChange(num) {return setActive(num);} }), /*#__PURE__*/
    _react.default.createElement(_FileUploader.FileUploader, null), /*#__PURE__*/
    _react.default.createElement(_Radio.Radio, { value: 'foo', focused: true })
    )
    ));

};