"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.RoundedPill = exports.PillWithNoPadding = exports.PillWithBar = exports.BasicPill = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _Pill = require("./Pill");
var _Pill2 = _interopRequireDefault(require("./Pill.mdx"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Atoms / Pill',
  parameters: {
    docs: {
      page: _Pill2.default
    },
    component: _Pill.Pill
  }
};
var BasicPill = exports.BasicPill = {
  render: function render() {
    return _react.default.createElement(_Pill.Pill, null, _react.default.createElement(_.Typography, {
      type: "tertiary",
      weight: "bold"
    }, "OMXS30"), ' ', _react.default.createElement(_.Typography, {
      type: "tertiary"
    }, "1567"));
  }
};
var RoundedPill = exports.RoundedPill = {
  render: function render() {
    return _react.default.createElement(_reactIntl.IntlProvider, {
      locale: "en"
    }, _react.default.createElement(_Pill.Pill.Rounded, {
      label: "OMXS30",
      color: function color(t) {
        return t.color.cta;
      },
      development: 20.455,
      onClose: function onClose() {}
    }));
  }
};
var PillWithBar = exports.PillWithBar = {
  render: function render() {
    return _react.default.createElement(_Pill.Pill, {
      barColor: function barColor(t) {
        return t.color.cta;
      }
    }, _react.default.createElement(_.Flexbox, {
      container: true,
      gap: 1,
      alignItems: "center"
    }, _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(_.Button, {
      type: "button",
      variant: "neutral"
    }, _react.default.createElement(_.Typography, {
      type: "tertiary",
      weight: "bold"
    }, "Bollinger"), ' ', _react.default.createElement(_.Typography, {
      type: "tertiary"
    }, "1234"))), _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(_.Button, {
      type: "button",
      variant: "neutral"
    }, _react.default.createElement(_.OldIcon.CrossThin, {
      size: 2
    })))));
  },
  name: 'Pill with colored bar'
};
var PillWithNoPadding = exports.PillWithNoPadding = {
  render: function render() {
    return _react.default.createElement(_Pill.Pill, {
      barColor: function barColor(t) {
        return t.color.background;
      },
      noPadding: true
    }, _react.default.createElement(_.Typography, {
      type: "tertiary",
      weight: "bold"
    }, "OMXS30"), ' ', _react.default.createElement(_.Typography, {
      type: "tertiary"
    }, "1567"));
  },
  name: 'Pill with no padding'
};