ai-ui-lib/dist/Button/button.stories.js

coming soon

"use strict";

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

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

var _addonActions = require("@storybook/addon-actions");

var _react2 = require("@storybook/react");

var _storybookAddonJsx = require("storybook-addon-jsx");

var _addonKnobs = require("@storybook/addon-knobs");

var _helpers = _interopRequireDefault(require("../../helpers"));

require("../../sass/main.scss");

var _ = _interopRequireDefault(require("."));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

// @ts-ignore
var _default = {
  title: 'Button',
  decorators: [_addonKnobs.withKnobs]
};
exports.default = _default;
var onChangeAction = (0, _addonActions.action)('change ..');

onChangeAction.toString = function () {
  return "action('changed')";
};

(0, _react2.storiesOf)('AIButton', module).addDecorator(_storybookAddonJsx.jsxDecorator).add('PRIMARY', function () {
  return /*#__PURE__*/_react.default.createElement(_helpers.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
    withForm: true,
    clickHandler: onChangeAction,
    btnText: "Button text",
    withIcon: false,
    className: "def-button--primary def-button"
  }));
});
(0, _react2.storiesOf)('AIButton  ', module).addDecorator(_storybookAddonJsx.jsxDecorator).add('TERIARY', function () {
  return /*#__PURE__*/_react.default.createElement(_helpers.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
    withForm: true,
    clickHandler: onChangeAction,
    btnText: "Button text",
    withIcon: false,
    className: "def-button--tertiary def-button"
  }));
});
(0, _react2.storiesOf)('AIButton  ', module).addDecorator(_storybookAddonJsx.jsxDecorator).add('SECONDARY', function () {
  return /*#__PURE__*/_react.default.createElement(_helpers.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
    withForm: true,
    clickHandler: onChangeAction,
    btnText: "Button text",
    withIcon: false,
    className: "def-button--secondary def-button"
  }));
});
(0, _react2.storiesOf)('AIButton  ', module).addDecorator(_storybookAddonJsx.jsxDecorator).add('SMALL', function () {
  return /*#__PURE__*/_react.default.createElement(_helpers.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
    withForm: true,
    clickHandler: onChangeAction,
    btnText: "Button text",
    withIcon: false,
    className: "def-button--secondary def-button--sm def-button "
  }));
});
(0, _react2.storiesOf)('AIButton  ', module).addDecorator(_storybookAddonJsx.jsxDecorator).add('MEDIUM', function () {
  return /*#__PURE__*/_react.default.createElement(_helpers.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
    iconClass: "sds",
    withForm: true,
    clickHandler: onChangeAction,
    btnText: "Button text",
    withIcon: false,
    className: "def-button--secondary def-button--md def-button "
  }));
});
(0, _react2.storiesOf)('AIButton  ', module).addDecorator(_storybookAddonJsx.jsxDecorator).add('WITH ICON', function () {
  return /*#__PURE__*/_react.default.createElement(_helpers.default, null, /*#__PURE__*/_react.default.createElement(_.default, {
    withForm: true,
    clickHandler: onChangeAction,
    btnText: "Button text",
    withIcon: true,
    iconSrc: "login",
    iconType: "svg",
    className: "def-button def-button--primary def-button__icon"
  }));
});