import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["size"];
import React from 'react';
import { addStoryInGroup, LOW_LEVEL_BLOCKS } from '../../../.storybook/utils';
import { IconAddMediumOutline, IconAddSmallOutline } from '@teamleader/ui-icons';
import IconButton from './IconButton';
export default {
  component: IconButton,
  title: addStoryInGroup(LOW_LEVEL_BLOCKS, 'IconButton'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=3943%3A2406'
    }
  }
};
export var basic = function basic(_ref) {
  var size = _ref.size,
      args = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/React.createElement(IconButton, _extends({}, args, {
    icon: size === 'small' ? /*#__PURE__*/React.createElement(IconAddSmallOutline, null) : /*#__PURE__*/React.createElement(IconAddMediumOutline, null),
    size: size
  }));
};
export var withCustomElement = function withCustomElement() {
  return /*#__PURE__*/React.createElement(IconButton, {
    icon: /*#__PURE__*/React.createElement(IconAddMediumOutline, null),
    element: "a"
  });
};
withCustomElement.storyName = 'With custom element';