@atlaskit/renderer/dist/cjs/react/marks/link-emotion.js

Renderer component

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LinkUrlEmotion = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = require("@emotion/react");
var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
/**
 * @jsxRuntime classic
 * @jsx jsx
 */
/**
 * Emotion branch of the `platform_editor_static_css` experiment.
 * Used via `componentWithCondition` in `link.tsx`.
 *
 * Cleanup: delete this file once the experiment has shipped.
 */

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import

var anchorStyles = (0, _react.css)({
  color: "var(--ds-link, #1868DB)",
  '&:hover': {
    color: "var(--ds-link, #1868DB)",
    textDecoration: 'underline'
  },
  '&:active': {
    color: "var(--ds-link-pressed, #1558BC)"
  }
});
var LinkUrlEmotion = exports.LinkUrlEmotion = function LinkUrlEmotion(props) {
  return (
    // Ignored via go/ees005
    // eslint-disable-next-line react/jsx-props-no-spreading
    (0, _react.jsx)(_linkUrl.default, (0, _extends2.default)({
      css: anchorStyles
    }, props))
  );
};