/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./index.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';
var hoverStyle = null;
var baseStyle = null;
var selectedStyle = null;
var relatedLinkItemStyles = null;
var RelatedLinkItem = function RelatedLinkItem(_ref) {
  var url = _ref.url,
    testId = _ref.testId,
    isSelected = _ref.isSelected,
    onFocus = _ref.onFocus;
  var subtitle = [{
    name: ElementName.Provider,
    hideIcon: true
  }];
  var ui = {
    hideElevation: true,
    hidePadding: true,
    hideBackground: true,
    theme: SmartLinkTheme.Black,
    clickableContainer: true,
    size: SmartLinkSize.Medium
  };
  return /*#__PURE__*/React.createElement("div", {
    "data-testId": testId,
    onFocus: onFocus,
    role: "presentation",
    className: ax(["_195g10v4 _18zr1ejb", "_irr31dpa _1di6fcek", isSelected && "_bfhk15s3 _16qs1mgz _irr3ufnl _1di6nozp"])
  }, /*#__PURE__*/React.createElement(Card, {
    appearance: "block",
    ui: ui,
    url: url
  }, /*#__PURE__*/React.createElement(TitleBlock, {
    maxLines: 1,
    hideTitleTooltip: true,
    position: SmartLinkPosition.Top,
    subtitle: subtitle,
    anchorTarget: "_blank",
    size: ui.size,
    className: ax(["_zulputpp _11c8wadc _ca0qu2gc _n3tdu2gc"])
  })));
};
export default RelatedLinkItem;