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

  return /*#__PURE__*/React.createElement(MarketingButton, _extends({}, args, {
    size: size,
    icon: size === 'tiny' || size === 'small' ? /*#__PURE__*/React.createElement(IconAddSmallOutline, null) : /*#__PURE__*/React.createElement(IconAddMediumOutline, null)
  }));
};
Basic.args = {
  children: 'I am a button for marketing purposes',
  level: 'primary'
};
export var Bold = function Bold() {
  return /*#__PURE__*/React.createElement(MarketingButton, null, "I am a button for ", /*#__PURE__*/React.createElement("strong", null, "marketing"), " purposes");
};
export var IconOnly = function IconOnly() {
  return /*#__PURE__*/React.createElement(MarketingButton, {
    icon: /*#__PURE__*/React.createElement(IconAddMediumOutline, null)
  });
};