'use strict';

var React = require('react');
var ListItemContext = require('../ListItemContext.js');
var Body = require('../../body/Body.js');
var Link = require('../../link/Link.js');
require('../../common/theme.js');
require('../../common/direction.js');
require('../../common/propsValues/control.js');
require('../../common/propsValues/breakpoint.js');
require('../../common/propsValues/size.js');
var typography = require('../../common/propsValues/typography.js');
require('../../common/propsValues/width.js');
require('../../common/propsValues/type.js');
require('../../common/propsValues/dateMode.js');
require('../../common/propsValues/monthFormat.js');
require('../../common/propsValues/position.js');
require('../../common/propsValues/layouts.js');
require('../../common/propsValues/status.js');
require('../../common/propsValues/sentiment.js');
require('../../common/propsValues/profileType.js');
require('../../common/propsValues/variant.js');
require('../../common/propsValues/scroll.js');
require('../../common/propsValues/markdownNodeType.js');
require('../../common/fileType.js');
require('@transferwise/icons');
require('clsx');
require('react-intl');
require('../../common/closeButton/CloseButton.messages.js');
var jsxRuntime = require('react/jsx-runtime');

const AdditionalInfo = function ({
  children,
  action
}) {
  const {
    ids
  } = React.useContext(ListItemContext.ListItemContext);
  return /*#__PURE__*/jsxRuntime.jsxs(Body.default, {
    type: typography.Typography.BODY_DEFAULT,
    id: ids.additionalInfo,
    className: "wds-list-item-additional-info",
    children: [children, action ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
      children: [' ', /*#__PURE__*/jsxRuntime.jsx(Link.default, {
        href: action.href,
        target: action.target,
        onClick: action.onClick,
        children: action.label
      })]
    }) : null]
  });
};
AdditionalInfo.displayName = 'ListItem.AdditionalInfo';

exports.AdditionalInfo = AdditionalInfo;
//# sourceMappingURL=ListItemAdditionalInfo.js.map
