/* index.tsx generated by @compiled/babel-plugin v0.40.0 */
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';
const hoverStyle = null;
const baseStyle = null;
const selectedStyle = null;
const relatedLinkItemStyles = null;
const RelatedLinkItem = ({
  url,
  testId,
  isSelected,
  onFocus
}) => {
  const subtitle = [{
    name: ElementName.Provider,
    hideIcon: true
  }];
  const 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;