"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.InformationStatusBadge = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = _interopRequireDefault(require("../.."));
var _FeedbackBanner = _interopRequireDefault(require("../../../FeedbackBanner"));
var _2 = require("../../../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / Badge / Status',
  parameters: {
    component: _.default.Status
  }
};
var InformationStatusBadge = exports.InformationStatusBadge = {
  render: function render() {
    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_2.Box, {
      mb: 4
    }, _react.default.createElement(_2.Typography, {
      type: "title2"
    }, "Default Status Badge"), _react.default.createElement(_2.Box, null, _react.default.createElement(_.default.Status, null))), _react.default.createElement(_2.Box, {
      mb: 4
    }, _react.default.createElement(_2.Typography, {
      type: "title2"
    }, "All combinations"), _react.default.createElement(_FeedbackBanner.default, {
      title: "NOTE",
      variant: "warning"
    }, "Triangle shape for warning variant yet to be implemented.")), _react.default.createElement(_2.Flexbox, {
      container: true
    }, _react.default.createElement(_2.Flexbox, {
      container: true,
      direction: "column"
    }, _react.default.createElement(_.default.Status, {
      variant: "create",
      badgeSize: "xl"
    }), _react.default.createElement(_.default.Status, {
      variant: "create",
      badgeSize: "l"
    }), _react.default.createElement(_.default.Status, {
      variant: "create",
      badgeSize: "s"
    }), _react.default.createElement(_.default.Status, {
      variant: "create",
      badgeSize: "xs"
    })), _react.default.createElement(_2.Flexbox, {
      container: true,
      direction: "column"
    }, _react.default.createElement(_.default.Status, {
      variant: "complete",
      badgeSize: "xl"
    }), _react.default.createElement(_.default.Status, {
      variant: "complete",
      badgeSize: "l"
    }), _react.default.createElement(_.default.Status, {
      variant: "complete",
      badgeSize: "s"
    }), _react.default.createElement(_.default.Status, {
      variant: "complete",
      badgeSize: "xs"
    })), _react.default.createElement(_2.Flexbox, {
      container: true,
      direction: "column"
    }, _react.default.createElement(_.default.Status, {
      variant: "pending",
      badgeSize: "xl"
    }), _react.default.createElement(_.default.Status, {
      variant: "pending",
      badgeSize: "l"
    }), _react.default.createElement(_.default.Status, {
      variant: "pending",
      badgeSize: "s"
    }), _react.default.createElement(_.default.Status, {
      variant: "pending",
      badgeSize: "xs"
    })), _react.default.createElement(_2.Flexbox, {
      container: true,
      direction: "column"
    }, _react.default.createElement(_.default.Status, {
      variant: "error",
      badgeSize: "xl"
    }), _react.default.createElement(_.default.Status, {
      variant: "error",
      badgeSize: "l"
    }), _react.default.createElement(_.default.Status, {
      variant: "error",
      badgeSize: "s"
    }), _react.default.createElement(_.default.Status, {
      variant: "error",
      badgeSize: "xs"
    })), _react.default.createElement(_2.Flexbox, {
      container: true,
      direction: "column"
    }, _react.default.createElement(_.default.Status, {
      variant: "warning",
      badgeSize: "xl"
    }), _react.default.createElement(_.default.Status, {
      variant: "warning",
      badgeSize: "l"
    }), _react.default.createElement(_.default.Status, {
      variant: "warning",
      badgeSize: "s"
    }), _react.default.createElement(_.default.Status, {
      variant: "warning",
      badgeSize: "xs"
    })), _react.default.createElement(_2.Flexbox, {
      container: true,
      direction: "column"
    }, _react.default.createElement(_.default.Status, {
      variant: "information",
      badgeSize: "xl"
    }), _react.default.createElement(_.default.Status, {
      variant: "information",
      badgeSize: "l"
    }), _react.default.createElement(_.default.Status, {
      variant: "information",
      badgeSize: "s"
    }), _react.default.createElement(_.default.Status, {
      variant: "information",
      badgeSize: "xs"
    }))));
  },
  name: 'Default and all combinations'
};