"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ShowcaseGroup = void 0;var _react = _interopRequireDefault(require("react"));

var _Checkbox = require("../../components/Checkbox");
var _Gapped = require("../../components/Gapped");
var _Button = require("../../components/Button");
var _Input = require("../../components/Input");
var _Toggle = require("../../components/Toggle");
var _Radio = require("../../components/Radio");
var _ThemeContext = require("../../lib/theming/ThemeContext");




var ShowcaseGroup = exports.ShowcaseGroup = function ShowcaseGroup(props) {
  var theme = _react.default.useContext(_ThemeContext.ThemeContext);

  return /*#__PURE__*/(
    _react.default.createElement("div", null,
    props.title && /*#__PURE__*/
    _react.default.createElement("div", {
      style: {
        fontSize: '21px',
        lineHeight: '1.2',
        margin: '16px 0',
        color: theme.textColorDefault
      } },

    props.title
    ), /*#__PURE__*/

    _react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/
    _react.default.createElement(_Button.Button, null, "Button"), /*#__PURE__*/
    _react.default.createElement(_Input.Input, null), /*#__PURE__*/
    _react.default.createElement(_Toggle.Toggle, null), /*#__PURE__*/
    _react.default.createElement(_Radio.Radio, { value: '', checked: true }, "Radio"

    ), /*#__PURE__*/
    _react.default.createElement(_Checkbox.Checkbox, { checked: true }, "Checkbox")
    )
    ));

};