"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.BasicAllocationBar = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _reactIntl = require("react-intl");
var _AllocationBar = _interopRequireDefault(require("./AllocationBar.mdx"));
var _AllocationBar2 = _interopRequireDefault(require("./AllocationBar"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledContainer = _styledComponents.default.div.withConfig({
  displayName: "AllocationBarstories__StyledContainer",
  componentId: "sc-1kqxyrn-0"
})(["width:100%;height:100vh;padding:12px;box-sizing:border-box;"]);
var _default = exports.default = {
  title: 'Molecules / Allocation Bar',
  parameters: {
    docs: {
      page: _AllocationBar.default
    },
    component: _AllocationBar2.default
  }
};
var BasicAllocationBar = exports.BasicAllocationBar = {
  render: function render() {
    var mockedAllocations = [{
      label: 'ETFs',
      color: function color(t) {
        return t.color.allocationBarLightBlue;
      },
      weight: 20
    }, {
      label: 'Funds',
      color: function color(t) {
        return t.color.allocationBarDarkBlue;
      },
      weight: 80
    }];
    return _react.default.createElement(_reactIntl.IntlProvider, {
      locale: "en"
    }, _react.default.createElement(StyledContainer, null, _react.default.createElement(_AllocationBar2.default, {
      allocations: mockedAllocations
    })));
  },
  name: 'Basic usage'
};