"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.labelValuePairGroup = exports.default = exports.DefaultStory = void 0;

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

var _utils = require("../../../.storybook/utils");

var _LabelValuePair = _interopRequireDefault(require("./LabelValuePair"));

var _LabelValuePairGroup = _interopRequireDefault(require("./LabelValuePairGroup"));

var _badge = _interopRequireDefault(require("../badge"));

var _link = _interopRequireDefault(require("../link"));

var _uiIcons = require("@teamleader/ui-icons");

var _typography = require("../typography");

var _default = {
  component: _LabelValuePair.default,
  title: (0, _utils.addStoryInGroup)(_utils.LOW_LEVEL_BLOCKS, 'LabelValuePair'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=3469%3A366'
    }
  }
};
exports.default = _default;

var DefaultStory = function DefaultStory(args) {
  return /*#__PURE__*/_react.default.createElement(_LabelValuePair.default, args, /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Label, null, "I am a label"), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Value, null, /*#__PURE__*/_react.default.createElement(_typography.TextBodyCompact, {
    color: "teal"
  }, "with a value next to it")));
};

exports.DefaultStory = DefaultStory;
DefaultStory.storyName = 'LabelValuePair';
DefaultStory.args = {
  inline: true
};

var labelValuePairGroup = function labelValuePairGroup(args) {
  return /*#__PURE__*/_react.default.createElement(_LabelValuePairGroup.default, args, /*#__PURE__*/_react.default.createElement(_LabelValuePair.default, null, /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Label, null, "I am a label"), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Value, null, /*#__PURE__*/_react.default.createElement(_typography.TextBodyCompact, {
    color: "teal"
  }, "With just a textual value"))), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default, null, /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Label, null, "Another label, but a very long one this time"), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Value, {
    paddingVertical: 0
  }, /*#__PURE__*/_react.default.createElement(_badge.default, {
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconBuildingSmallOutline, null),
    size: "medium"
  }, "With a Company Badge"))), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default, null, /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Label, null, "Here comes a money value"), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Value, null, /*#__PURE__*/_react.default.createElement(_typography.TextBodyCompact, {
    color: "teal"
  }, "\u20AC22.359"))), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default, null, /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Label, null, "E-mail"), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Value, null, /*#__PURE__*/_react.default.createElement(_typography.TextBodyCompact, {
    maxLines: 1
  }, /*#__PURE__*/_react.default.createElement(_link.default, {
    href: "mailto:john.doe@gmail.com",
    inherit: false,
    onClick: function onClick() {
      return console.log('Clicked on email link');
    },
    title: "john.doe@gmail.com"
  }, "john.doe@gmail.com")))), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default, null, /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Label, null, "Homepage"), /*#__PURE__*/_react.default.createElement(_LabelValuePair.default.Value, null, /*#__PURE__*/_react.default.createElement(_typography.TextBodyCompact, {
    maxLines: 1
  }, /*#__PURE__*/_react.default.createElement(_link.default, {
    href: "https://www.a-very-long-url-to-this-website",
    inherit: false,
    title: "https://www.a-very-long-url-to-this-website"
  }, "https://www.a-very-long-url-to-this-website")))));
};

exports.labelValuePairGroup = labelValuePairGroup;
labelValuePairGroup.storyName = 'LabelValuePairGroup';
labelValuePairGroup.args = {
  title: "I'm a label pair group"
};