"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.IntegrationLabeledValueWithPositiveDevelopmentAndCurrency = exports.IntegrationLabeledValueWithNegativeDevelopmentAndCurrency = exports.IntegrationLabeledValueWithCustomTitle = exports.IntegrationLabeledValueTitle1 = exports.IntegrationLabeledValueSecondaryCurrency = exports.DefaultStory = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _index = _interopRequireDefault(require("./index"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / LabeledValue'
};
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    return _react.default.createElement(_index.default, {
      label: "Label"
    }, "Value");
  },
  name: 'Default',
  parameters: {
    component: _index.default
  }
};
var IntegrationLabeledValueSecondaryCurrency = exports.IntegrationLabeledValueSecondaryCurrency = {
  render: function render() {
    return _react.default.createElement(_reactIntl.IntlProvider, {
      locale: "en"
    }, _react.default.createElement(_index.default, {
      label: "Market value"
    }, _react.default.createElement(_.Typography, {
      type: "secondary",
      weight: "bold"
    }, _react.default.createElement(_.Number, {
      value: 4672198,
      currency: "SEK"
    }))));
  },
  name: 'Integration: LabeledValue secondary currency'
};
var IntegrationLabeledValueTitle1 = exports.IntegrationLabeledValueTitle1 = {
  render: function render() {
    return _react.default.createElement(_reactIntl.IntlProvider, {
      locale: "en"
    }, _react.default.createElement(_index.default, {
      label: "Holdings (SEK)"
    }, _react.default.createElement(_.Typography, {
      type: "title1"
    }, _react.default.createElement(_.Number, {
      value: 4713119
    }))));
  },
  name: 'Integration: LabeledValue title1'
};
var IntegrationLabeledValueWithPositiveDevelopmentAndCurrency = exports.IntegrationLabeledValueWithPositiveDevelopmentAndCurrency = {
  render: function render() {
    return _react.default.createElement(_reactIntl.IntlProvider, {
      locale: "en"
    }, _react.default.createElement(_index.default, {
      label: "Development this year"
    }, _react.default.createElement(_.Flexbox, {
      container: true,
      direction: "row",
      gap: 2
    }, _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(_.Typography, {
      type: "secondary",
      weight: "bold"
    }, _react.default.createElement(_.Development, {
      value: 9.2,
      icon: true,
      percentage: true
    }))), _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(_.Typography, {
      type: "secondary",
      weight: "bold"
    }, _react.default.createElement(_.Number, {
      sign: true,
      value: 4672198,
      currency: "SEK"
    }))))));
  },
  name: 'Integration: LabeledValue with positive development and currency'
};
var IntegrationLabeledValueWithNegativeDevelopmentAndCurrency = exports.IntegrationLabeledValueWithNegativeDevelopmentAndCurrency = {
  render: function render() {
    return _react.default.createElement(_reactIntl.IntlProvider, {
      locale: "en"
    }, _react.default.createElement(_index.default, {
      label: "Development this year"
    }, _react.default.createElement(_.Flexbox, {
      container: true,
      direction: "row",
      gap: 2
    }, _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(_.Typography, {
      type: "secondary"
    }, _react.default.createElement(_.Development, {
      value: -9.2,
      icon: true,
      percentage: true
    }))), _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(_.Typography, {
      type: "secondary",
      weight: "bold"
    }, _react.default.createElement(_.Number, {
      sign: true,
      value: -4672198,
      currency: "SEK"
    }))))));
  },
  name: 'Integration: LabeledValue with negative development and currency'
};
var IntegrationLabeledValueWithCustomTitle = exports.IntegrationLabeledValueWithCustomTitle = {
  render: function render() {
    return _react.default.createElement(_index.default, {
      label: _react.default.createElement(_.Typography, {
        type: "tertiary"
      }, "Foo")
    }, _react.default.createElement(_.Typography, {
      type: "tertiary",
      weight: "bold"
    }, "Bar"));
  },
  name: 'Integration: LabeledValue with custom title'
};