import React from 'react';
import { IdCardIcon16Regular } from '@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular';
import { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';
import { Input } from "../../../components/Input";
import { Gapped } from "../../../components/Gapped";
import { Button } from "../../../components/Button";
import { SelectPlayground } from "../SelectPlayground";
export var SizesGroup = function SizesGroup(_ref) {
  var size = _ref.size;
  return /*#__PURE__*/(
    React.createElement(Gapped, {
      wrap: true,
      verticalAlign: "middle",
      gap: 10
    }, /*#__PURE__*/
    React.createElement(SelectPlayground, {
      width: 120,
      size: size
    }), /*#__PURE__*/
    React.createElement(Input, {
      rightIcon: /*#__PURE__*/React.createElement(IdCardIcon16Regular, null),
      placeholder: 'Text value',
      size: size
    }), /*#__PURE__*/
    React.createElement(Button, {
      width: 120,
      size: size
    }, "Button"), /*#__PURE__*/
    React.createElement(Button, {
      icon: /*#__PURE__*/React.createElement(AttachLinkIcon16Regular, null),
      use: 'link',
      size: size
    }, "Button like a link"))
  );
};