'use strict';
'use client';
import { jsxs, jsx } from 'react/jsx-runtime';
import { Icon, iconSizes, iconNames } from '../../../fd-component-toolbox/icon/Icon.js';
import { Link } from '../../../fd-component-toolbox/link/Link.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function SearchScreenResults({
  resourcesResults,
  onClose
}) {
  return /* @__PURE__ */jsxs("div", {
    className: "ml-4",
    children: [/* @__PURE__ */jsxs("div", {
      className: "mb-4 flex items-center space-x-2",
      children: [/* @__PURE__ */jsx(Icon, {
        name: iconNames.listBulletIcon,
        size: iconSizes.medium
      }), /* @__PURE__ */jsx("h2", {
        className: "text-fd-tertiary-900 text-base font-medium",
        children: "Screens"
      })]
    }), /* @__PURE__ */jsx("div", {
      className: "flex flex-col",
      children: resourcesResults.map(resourceResult => /* @__PURE__ */jsx(Link, {
        href: resourceResult.resourceListUrl,
        onClick: onClose,
        children: /* @__PURE__ */jsx("div", {
          className: "border-input hover:bg-muted/50 relative w-full overflow-hidden rounded py-1.5 pl-4 transition duration-200 ease-linear",
          children: /* @__PURE__ */jsx("h3", {
            className: "text-muted-foreground text-sm font-semibold",
            children: resourceResult.resourceName
          })
        })
      }, `${resourceResult.resourceName}_${resourceResult.resourceListUrl}`))
    })]
  });
}
__name(SearchScreenResults, "SearchScreenResults");

export { SearchScreenResults };
