"use strict";

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

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

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

var _ChevronDownIcon = _interopRequireDefault(require("mdi-react/ChevronDownIcon"));

var _PlusIcon = _interopRequireDefault(require("mdi-react/PlusIcon"));

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

var _ = require(".");

var _Box = require("../Box");

var _ButtonGroup = require("../ButtonGroup");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Button', module);
stories.addDecorator(_addonKnobs.withKnobs);
stories.addDecorator(function (story) {
  return __jsx(_Box.Box, {
    mx: "auto",
    mt: 6,
    p: 6
  }, story());
});
stories.add('variants', function () {
  return __jsx(_ButtonGroup.ButtonGroup, null, __jsx(_.Button, {
    variant: "primary"
  }, "Primary Button"), __jsx(_.Button, {
    variant: "secondary"
  }, "Secondary Button"), __jsx(_.Button, {
    variant: "tertiary"
  }, "Tertiary Button"), __jsx(_.Button, {
    variant: "tertiary",
    isDisabled: true
  }, "Disabled Button"));
});
stories.add('sizes', function () {
  return __jsx(_ButtonGroup.ButtonGroup, null, __jsx(_.Button, {
    size: "sm"
  }, "Small Button"), __jsx(_.Button, {
    size: "md"
  }, "Medium Button"), __jsx(_.Button, {
    size: "lg"
  }, "Large Button"));
});
stories.add('with icons', function () {
  return __jsx(_ButtonGroup.ButtonGroup, null, __jsx(_.Button, {
    leftIcon: "phone"
  }, "Call Us"), __jsx(_.Button, {
    size: "sm",
    rightIcon: "phone"
  }, "Call Us"), __jsx(_.Button, {
    size: "sm",
    leftIcon: _PlusIcon["default"],
    rightIcon: _ChevronDownIcon["default"]
  }, "MDI icon - Call Us"), __jsx(_.Button, {
    size: "sm",
    leftIcon: _PlusIcon["default"],
    iconOnly: true
  }), __jsx(_.Button, {
    leftIcon: _PlusIcon["default"],
    iconOnly: true
  }), __jsx(_.Button, {
    variant: "secondary",
    leftIcon: _PlusIcon["default"],
    iconOnly: true
  }));
});
stories.add('styles', function () {
  return __jsx(_ButtonGroup.ButtonGroup, null, __jsx(_.Button, {
    variantColor: "success",
    onClick: function onClick() {
      return console.log('success');
    }
  }, "Success Button"), __jsx(_.Button, {
    variantColor: "error"
  }, "Primary Error Button"), __jsx(_.Button, {
    variantColor: "error",
    variant: "secondary"
  }, "Secondary Primary Error Button"), __jsx(_.Button, {
    variantColor: "error",
    variant: "tertiary"
  }, "Tertiary Error Button"), __jsx(_.Button, {
    variantColor: "purple"
  }, "Colored Button"), __jsx(_.Button, {
    isLoading: true
  }, "Loading"), __jsx(_.Button, {
    isLoading: true,
    loadingText: "Loading"
  }, "Loading"));
});
//# sourceMappingURL=examples.js.map