@storybook/addon-a11y/dist/cjs/components/Report/Info.js

Test component compliance with web accessibility standards

"use strict";

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

require("core-js/modules/es.symbol.js");

require("core-js/modules/es.symbol.description.js");

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

var _theming = require("@storybook/theming");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Wrapper = _theming.styled.div({
  padding: 12,
  marginBottom: 10
});

var Description = _theming.styled.p({
  margin: '0 0 12px'
});

var Link = _theming.styled.a({
  marginTop: 12,
  textDecoration: 'underline',
  color: 'inherit',
  display: 'block'
});

var Info = function Info(_ref) {
  var item = _ref.item;
  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(Description, null, item.description), /*#__PURE__*/_react.default.createElement(Link, {
    href: item.helpUrl,
    target: "_blank"
  }, "More info..."));
};

exports.Info = Info;