"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MixinsStackee = exports.MixinsStacked = exports.MixinsSpacing = exports.Neutral = exports.Default = exports["default"] = void 0;

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _loadingIndicator = require("./loading-indicator.component");

var _primitives = require("../../../primitives");

var _branding = require("../../../mixins/branding");

var _marginChecker = require("../../../mixins/spacing/story-support/margin-checker");

var _paddingChecker = require("../../../mixins/spacing/story-support/padding-checker");

var _stackeeChecker = require("../../../mixins/stackee/story-support/stackee-checker");

var _stackedChecker = require("../../../mixins/stacking/story-support/stacked-checker");

var _loadingIndicator2 = _interopRequireDefault(require("./loading-indicator.mdx"));

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

var _default = {
  component: _loadingIndicator.LoadingIndicator,
  title: 'Feedback UI/Loading Indicator',
  parameters: {
    docs: {
      page: _loadingIndicator2["default"]
    }
  }
};
exports["default"] = _default;
var BorderedLoadingIndicator = (0, _styledComponents["default"])(_loadingIndicator.LoadingIndicator).withConfig({
  displayName: "BorderedLoadingIndicator",
  componentId: "s5upob-0"
})(["border:solid ", " 1px;"], (0, _branding.getPaletteColor)('brand-secondary-fg'));
var FixedWidthLoadingIndicator = (0, _styledComponents["default"])(BorderedLoadingIndicator).withConfig({
  displayName: "FixedWidthLoadingIndicator",
  componentId: "s5upob-1"
})(["width:150px;"]);

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_loadingIndicator.LoadingIndicator, {
    ready: false
  }, "Done.");
}; // TODO: reimplement the loading animation as a CSS animation so
// chromatic can pause it and make deterministic screenshots.


exports.Default = Default;
Default.parameters = {
  chromatic: {
    disable: true
  }
};

var Neutral = function Neutral() {
  return /*#__PURE__*/_react["default"].createElement(_loadingIndicator.LoadingIndicator, {
    variant: "neutral",
    ready: false
  }, "Done.");
}; // TODO: reimplement the loading animation as a CSS animation so
// chromatic can pause it and make deterministic screenshots.


exports.Neutral = Neutral;
Neutral.parameters = {
  chromatic: {
    disable: true
  }
};

var MixinsSpacing = function MixinsSpacing() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_marginChecker.MarginChecker, {
    Component: FixedWidthLoadingIndicator,
    minHeight: "25px"
  }, "Done."), /*#__PURE__*/_react["default"].createElement(_paddingChecker.PaddingChecker, {
    Component: BorderedLoadingIndicator,
    ready: true,
    minHeight: "0"
  }, /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    colorName: "brand-secondary-bg"
  }, "Done.")));
}; // TODO: reimplement the loading animation as a CSS animation so
// chromatic can pause it and make deterministic screenshots.


exports.MixinsSpacing = MixinsSpacing;
MixinsSpacing.parameters = {
  chromatic: {
    disable: true
  }
};

var MixinsStacked = function MixinsStacked() {
  return /*#__PURE__*/_react["default"].createElement(_stackedChecker.StackedChecker, {
    Component: _loadingIndicator.LoadingIndicator,
    ready: true
  });
}; // TODO: reimplement the loading animation as a CSS animation so
// chromatic can pause it and make deterministic screenshots.


exports.MixinsStacked = MixinsStacked;
MixinsStacked.parameters = {
  chromatic: {
    disable: true
  }
};

var MixinsStackee = function MixinsStackee() {
  return /*#__PURE__*/_react["default"].createElement(_stackeeChecker.StackeeChecker, {
    Component: BorderedLoadingIndicator,
    ready: false
  }, "Done.");
}; // TODO: reimplement the loading animation as a CSS animation so
// chromatic can pause it and make deterministic screenshots.


exports.MixinsStackee = MixinsStackee;
MixinsStackee.parameters = {
  chromatic: {
    disable: true
  }
};