"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SizesGroup = void 0;var _react = _interopRequireDefault(require("react"));
var _IdCardIcon16Regular = require("@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular");
var _AttachLinkIcon16Regular = require("@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular");

var _Input = require("../../components/Input");
var _Gapped = require("../../components/Gapped");
var _Button = require("../../components/Button");


var _SelectPlayground = require("./SelectPlayground");





var SizesGroup = exports.SizesGroup = function SizesGroup(_ref) {var size = _ref.size;return /*#__PURE__*/(
    _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle", gap: 10 }, /*#__PURE__*/
    _react.default.createElement(_SelectPlayground.SelectPlayground, { width: 120, size: size }), /*#__PURE__*/
    _react.default.createElement(_Input.Input, { rightIcon: /*#__PURE__*/_react.default.createElement(_IdCardIcon16Regular.IdCardIcon16Regular, null), placeholder: 'Text value', size: size }), /*#__PURE__*/
    _react.default.createElement(_Button.Button, { width: 120, size: size }, "Button"

    ), /*#__PURE__*/
    _react.default.createElement(_Button.Button, { icon: /*#__PURE__*/_react.default.createElement(_AttachLinkIcon16Regular.AttachLinkIcon16Regular, null), use: 'link', size: size }, "Button like a link"

    )
    ));};