wix-style-react/dist/stories/Text/ExampleLink.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Text = require('wix-style-react/Text');

var _Text2 = _interopRequireDefault(_Text);

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

exports.default = function () {
  return _react2.default.createElement(
    _Text2.default,
    { dataHook: 'storybook-text-link' },
    'Text component applies link styles to anchor elements that are',
    ' ',
    _react2.default.createElement(
      'a',
      {
        href: 'https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator',
        target: '_blank',
        rel: 'noopener noreferrer'
      },
      'direct children'
    ),
    ' ',
    'only',
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      'span',
      null,
      _react2.default.createElement(
        'a',
        { href: 'https://www.wix.com', target: '_blank', rel: 'noopener noreferrer' },
        'Nested anchors'
      )
    ),
    ' ',
    'are not styled (what you see is the default browser styles)'
  );
};