import { objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import { jsx } from '@emotion/core';
import { Fragment } from 'react';
import _pt from 'prop-types';
import { Link } from '../Link/Link.esm.js';

var messageCss = function messageCss(theme) {
  return {
    marginBottom: theme.space[3]
  };
};

var MessageWithLink = function MessageWithLink(_ref) {
  var children = _ref.children,
      linkLabel = _ref.linkLabel,
      linkProps = _objectWithoutProperties(_ref, ["children", "linkLabel"]);

  return jsx(Fragment, null, jsx("div", {
    css: messageCss
  }, children), jsx(Link // we need to cast to "any" because TS claims that "href" is required for <Link /> even though it's not
  , linkProps, linkLabel));
};
MessageWithLink.propTypes = {
  linkLabel: _pt.node.isRequired,
  href: _pt.string,
  target: _pt.string.isRequired,
  to: _pt.string
};
MessageWithLink.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "MessageWithLink"
};

if (typeof STORYBOOK_REACT_CLASSES !== "undefined") {
  STORYBOOK_REACT_CLASSES["src/components/Toast/MessageWithLink.tsx"] = {
    name: "MessageWithLink",
    docgenInfo: MessageWithLink.__docgenInfo,
    path: "src/components/Toast/MessageWithLink.tsx"
  };
}

export { MessageWithLink };
//# sourceMappingURL=MessageWithLink.esm.js.map
