"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Code = exports.WithButtons = exports.Togglable = exports.CustomIcon = exports.Success = exports.Error = exports.Warning = exports.light = exports.Default = exports.default = void 0;

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

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

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

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

var _Icon = _interopRequireDefault(require("../Icon"));

var _Button = _interopRequireDefault(require("../Button"));

var _iconsReact = require("@wfp/icons-react");

var _README = _interopRequireDefault(require("./README.mdx"));

var _Blockquote = _interopRequireDefault(require("./Blockquote.twig"));

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

var props = {
  children: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
}; // const kinds = {
//   'Info (info)': 'info',
//   'Warning (warning)': 'warning',
//   'Error (error)': 'error',
//   'Success (success)': 'success',
// };

var _default = {
  title: 'Components/Content Related/Blockquote',
  component: _.default,
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: _README.default,
    twig: _Blockquote.default
  }
};
exports.default = _default;

var Default = function Default(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.Default = Default;
Default.args = _objectSpread({}, props);
Default.argTypes = {
  kind: {
    control: {
      type: 'select',
      options: ['info', 'warning', 'error', 'success']
    }
  }
}; // export const toogleable = (args) => <Blockquote {...args} />;
// toogleable.args = {
//   ...props,
//   kind: 'info',
//   title: 'Title',
//   toggleable: true,
// };
// toogleable.story = {
//   parameters: {
//     docs: {
//       storyDescription: `Use \`toogleable\` property to show and hide blockquote when title is clicked`,
//     },
//   },
// };

var light = function light(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.light = light;
light.args = _objectSpread(_objectSpread({}, props), {}, {
  light: true,
  title: 'Title'
});
light.story = {
  parameters: {
    docs: {
      storyDescription: "Use `light` property to display light version of blockquote"
    }
  }
};

var Warning = function Warning(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.Warning = Warning;
Warning.args = _objectSpread(_objectSpread({}, props), {}, {
  withIcon: true,
  kind: 'warning'
});
Warning.story = {
  parameters: {
    docs: {
      storyDescription: "Use `warning` for showing a warning to draw attention to a non-blocking information"
    }
  }
};

var Error = function Error(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.Error = Error;
Error.args = _objectSpread(_objectSpread({}, props), {}, {
  withIcon: true,
  kind: 'error'
});
Error.story = {
  parameters: {
    docs: {
      storyDescription: "Use `error` for showing a error message usually if a form fails to submit"
    }
  }
};

var Success = function Success(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.Success = Success;
Success.args = _objectSpread(_objectSpread({}, props), {}, {
  withIcon: true,
  kind: 'success'
});
Success.story = {
  parameters: {
    docs: {
      storyDescription: "Use `success` for showing a successful message like after submitting a form"
    }
  }
};

var CustomIcon = function CustomIcon(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.CustomIcon = CustomIcon;
CustomIcon.args = _objectSpread(_objectSpread({}, props), {}, {
  icon: /*#__PURE__*/_react.default.createElement(_iconsReact.AddOutlineGlyph, {
    height: 48,
    width: 48
  })
});
CustomIcon.story = {
  parameters: {
    docs: {
      storyDescription: "Use `icon` to add custom icon to message"
    }
  }
};

var Togglable = function Togglable(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.Togglable = Togglable;
Togglable.args = _objectSpread(_objectSpread({}, props), {}, {
  title: 'Togglable title',
  toggleable: true
});
Togglable.story = {
  parameters: {
    docs: {
      storyDescription: "Use `toogleable` property to show and hide blockquote when title is clicked"
    }
  }
};

var WithButtons = function WithButtons(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, args, {
    actionButtons: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Accept"), /*#__PURE__*/_react.default.createElement(_Button.default, {
      kind: "danger--primary"
    }, "Reject"))
  }));
};

exports.WithButtons = WithButtons;
WithButtons.args = _objectSpread(_objectSpread({}, props), {}, {
  withIcon: true
});
WithButtons.story = {
  parameters: {
    docs: {
      storyDescription: "Use `actionButtons` for showing buttons for inline dialogs"
    }
  }
};

var Code = function Code(args) {
  return /*#__PURE__*/_react.default.createElement(_.default, args);
};

exports.Code = Code;
Code.args = _objectSpread(_objectSpread({}, props), {}, {
  code: true,
  children: "<!DOCTYPE html>\n  <html>\n    <head>\n      <meta charset=\"utf-8\">\n      <title>Untitled</title>\n      <meta name=\"description\" content=\"This is an example of a meta description with a very long description so you have to scroll to the right to see the whole description.\">\n      <link rel=\"stylesheet\" type=\"text/css\" href=\"theme.css\">\n    </head>\n    <body>\n    </body>\n  </html>"
});
Code.story = {
  parameters: {
    docs: {
      storyDescription: "Use `code` property to show formated code"
    }
  }
};