"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.DoubleBarScale = exports.BarScaleWithXAxis = exports.BarScaleNormal = exports.BarScaleAsRiskMeter = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ = require("../..");
var _BarScale = _interopRequireDefault(require("./BarScale.mdx"));
var _2 = _interopRequireDefault(require("."));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / BarScale',
  parameters: {
    docs: {
      page: _BarScale.default
    }
  }
};
var BarScaleNormal = exports.BarScaleNormal = function BarScaleNormal() {
  return _react.default.createElement(_2.default, {
    value: 6,
    max: 7
  });
};
var DoubleBarScale = exports.DoubleBarScale = function DoubleBarScale() {
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_2.default, {
    value: 6,
    max: 7
  }), _react.default.createElement("h2", null, "Max of 6"), _react.default.createElement(_2.default, {
    value: 2,
    max: 6
  }));
};
var BarScaleWithXAxis = exports.BarScaleWithXAxis = function BarScaleWithXAxis() {
  return _react.default.createElement(_2.default, {
    value: 6,
    axisLabel: _react.default.createElement(_.Flexbox, {
      container: true,
      justifyContent: "space-between"
    }, _react.default.createElement(_.Flexbox, {
      item: true
    }, "Low"), _react.default.createElement(_.Flexbox, {
      item: true
    }, "Medium"), _react.default.createElement(_.Flexbox, {
      item: true
    }, "High"))
  });
};
var RiskMeterBox = (0, _styledComponents.default)(_.Box).withConfig({
  displayName: "BarScalestories__RiskMeterBox",
  componentId: "sc-vcwt1c-0"
})(["width:", "px;"], function (p) {
  return p.theme.spacing.unit(13.5);
});
var BarScaleAsRiskMeter = exports.BarScaleAsRiskMeter = function BarScaleAsRiskMeter() {
  return _react.default.createElement(RiskMeterBox, null, "Risk", _react.default.createElement(_2.default, {
    value: 4,
    barHeight: 4,
    gutter: 0.5
  }));
};