"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.withCustomElement = exports.default = exports.basic = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _utils = require("../../../.storybook/utils");

var _uiIcons = require("@teamleader/ui-icons");

var _IconButton = _interopRequireDefault(require("./IconButton"));

var _excluded = ["size"];
var _default = {
  component: _IconButton.default,
  title: (0, _utils.addStoryInGroup)(_utils.LOW_LEVEL_BLOCKS, 'IconButton'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=3943%3A2406'
    }
  }
};
exports.default = _default;

var basic = function basic(_ref) {
  var size = _ref.size,
      args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, args, {
    icon: size === 'small' ? /*#__PURE__*/_react.default.createElement(_uiIcons.IconAddSmallOutline, null) : /*#__PURE__*/_react.default.createElement(_uiIcons.IconAddMediumOutline, null),
    size: size
  }));
};

exports.basic = basic;

var withCustomElement = function withCustomElement() {
  return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconAddMediumOutline, null),
    element: "a"
  });
};

exports.withCustomElement = withCustomElement;
withCustomElement.storyName = 'With custom element';