"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithoutIllustration = exports.WithConfirmButtonOnly = exports.Default = void 0;
var _react = _interopRequireDefault(require("react"));
var _addonActions = require("@storybook/addon-actions");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ = _interopRequireDefault(require("."));
var _Illustration = _interopRequireDefault(require("../../Atoms/Illustration"));
var _Typography = _interopRequireDefault(require("../../Atoms/Typography"));
var _Button = _interopRequireDefault(require("../Button"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / Action Modal',
  parameters: {
    component: _.default
  }
};
var StyledContainer = _styledComponents.default.div.withConfig({
  displayName: "ActionModalstories__StyledContainer",
  componentId: "sc-405tkc-0"
})(["width:100%;height:100vh;box-sizing:border-box;background-color:#e6e6e6;"]);
var Default = exports.Default = function Default() {
  return _react.default.createElement(StyledContainer, null, _react.default.createElement(_.default, {
    illustration: _react.default.createElement(_Illustration.default.Shareville240, {
      color: function color(t) {
        return t.color.actionModalSharevilleIllustration;
      },
      secondaryColor: function secondaryColor(t) {
        return t.color.actionModalSharevilleIllustrationSecondary;
      }
    }),
    title: "title",
    confirmButton: _react.default.createElement(_Button.default, {
      variant: "primary",
      onClick: (0, _addonActions.action)('onConfirm'),
      size: "l"
    }, "confirm"),
    cancelButton: _react.default.createElement(_Button.default, {
      variant: "neutral",
      onClick: (0, _addonActions.action)('onCancel')
    }, _react.default.createElement(_Typography.default, {
      color: function color(t) {
        return t.colorTokens.action.text_focus;
      },
      type: "secondary",
      weight: "bold"
    }, "skip tour"))
  }, "children are here"));
};
var WithoutIllustration = exports.WithoutIllustration = function WithoutIllustration() {
  return _react.default.createElement(StyledContainer, null, _react.default.createElement(_.default, {
    title: "No Illustration",
    confirmButton: _react.default.createElement(_Button.default, {
      variant: "primary",
      onClick: (0, _addonActions.action)('onConfirm'),
      size: "l"
    }, "confirm")
  }, "children are here"));
};
var WithConfirmButtonOnly = exports.WithConfirmButtonOnly = function WithConfirmButtonOnly() {
  return _react.default.createElement(StyledContainer, null, _react.default.createElement(_.default, {
    illustration: _react.default.createElement(_Illustration.default.Shareville240, {
      color: function color(t) {
        return t.color.actionModalSharevilleIllustration;
      },
      secondaryColor: function secondaryColor(t) {
        return t.color.actionModalSharevilleIllustrationSecondary;
      }
    }),
    title: "title",
    confirmButton: _react.default.createElement(_Button.default, {
      variant: "primary",
      onClick: (0, _addonActions.action)('onConfirm'),
      size: "l"
    }, "confirm")
  }, "children are here"));
};