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 Button from './Button';
export default {
  component: Button,
  title: addStoryInGroup(LOW_LEVEL_BLOCKS, 'Button'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=225%3A2'
    }
  }
};
export var withTextAndIcon = function withTextAndIcon(_ref) {
  var size = _ref.size,
      args = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/React.createElement(Button, _extends({}, args, {
    size: size,
    icon: size === 'tiny' || size === 'small' ? /*#__PURE__*/React.createElement(IconAddSmallOutline, null) : /*#__PURE__*/React.createElement(IconAddMediumOutline, null)
  }));
};
withTextAndIcon.args = {
  label: 'Button with icon and text'
};
withTextAndIcon.storyName = 'With text and icon';
export var WithText = function WithText() {
  return /*#__PURE__*/React.createElement(Button, {
    label: "Button with text"
  });
};
WithText.storyName = 'With text';
export var withIcon = function withIcon() {
  return /*#__PURE__*/React.createElement(Button, {
    icon: /*#__PURE__*/React.createElement(IconAddMediumOutline, null)
  });
};
withIcon.storyName = 'With icon';
export var withCustomElement = function withCustomElement() {
  return /*#__PURE__*/React.createElement(Button, {
    element: "a",
    label: "Button with custom element"
  });
};
withCustomElement.storyName = 'With custom element';