@nlabs/gothamjs/lib/components/SelectField/SelectOption.js

Platform

import { ListboxOption } from "@headlessui/react";
import { Check } from "lucide-react";
import { Svg } from "../Svg/Svg.js";
import { jsx, jsxs } from "react/jsx-runtime";
const SelectOption = ({ option }) => /* @__PURE__ */ jsxs(
  ListboxOption,
  {
    value: option.value,
    className: "group relative cursor-default py-2 pr-9 pl-3 text-gray-900 select-none data-focus:bg-indigo-600 data-focus:text-white data-focus:outline-hidden",
    children: [
      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
        option.icon && /* @__PURE__ */ jsx(Svg, { className: "size-5 shrink-0 rounded-full", name: option.icon }),
        option.image && /* @__PURE__ */ jsx("img", { alt: "", className: "size-5 shrink-0 rounded-full", src: option.image }),
        /* @__PURE__ */ jsx("span", { className: "ml-3 block truncate font-normal group-data-selected:font-semibold", children: option.label })
      ] }),
      /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-4 text-indigo-600 group-not-data-selected:hidden group-data-focus:text-white", children: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-5" }) })
    ]
  },
  option.id || option.label
);
export {
  SelectOption
};
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0RmllbGQvU2VsZWN0T3B0aW9uLnRzeCJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHsgTGlzdGJveE9wdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IENoZWNrIH0gZnJvbSAnbHVjaWRlLXJlYWN0JztcblxuaW1wb3J0IHtTdmd9IGZyb20gJy4uL1N2Zy9TdmcuanMnO1xuXG5leHBvcnQgdHlwZSBTZWxlY3RPcHRpb25Qcm9wcyA9IHtcbiAgcmVhZG9ubHkgb3B0aW9uOiB7XG4gICAgcmVhZG9ubHkgaWNvbj86IHN0cmluZztcbiAgICByZWFkb25seSBpZD86IG51bWJlcjtcbiAgICByZWFkb25seSBpbWFnZT86IHN0cmluZztcbiAgICByZWFkb25seSBsYWJlbDogc3RyaW5nO1xuICAgIHJlYWRvbmx5IHZhbHVlOiBzdHJpbmc7XG4gIH07XG59O1xuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbiA9ICh7IG9wdGlvbiB9OiBTZWxlY3RPcHRpb25Qcm9wcykgPT4gKFxuICA8TGlzdGJveE9wdGlvblxuICAgIGtleT17b3B0aW9uLmlkIHx8IG9wdGlvbi5sYWJlbH1cbiAgICB2YWx1ZT17b3B0aW9uLnZhbHVlfVxuICAgIGNsYXNzTmFtZT1cImdyb3VwIHJlbGF0aXZlIGN1cnNvci1kZWZhdWx0IHB5LTIgcHItOSBwbC0zIHRleHQtZ3JheS05MDAgc2VsZWN0LW5vbmUgZGF0YS1mb2N1czpiZy1pbmRpZ28tNjAwIGRhdGEtZm9jdXM6dGV4dC13aGl0ZSBkYXRhLWZvY3VzOm91dGxpbmUtaGlkZGVuXCJcbiAgPlxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgIHtvcHRpb24uaWNvbiAmJiA8U3ZnIGNsYXNzTmFtZT1cInNpemUtNSBzaHJpbmstMCByb3VuZGVkLWZ1bGxcIiBuYW1lPXtvcHRpb24uaWNvbn0gLz59XG4gICAgICB7b3B0aW9uLmltYWdlICYmIDxpbWcgYWx0PVwiXCIgY2xhc3NOYW1lPVwic2l6ZS01IHNocmluay0wIHJvdW5kZWQtZnVsbFwiIHNyYz17b3B0aW9uLmltYWdlfSAvPn1cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm1sLTMgYmxvY2sgdHJ1bmNhdGUgZm9udC1ub3JtYWwgZ3JvdXAtZGF0YS1zZWxlY3RlZDpmb250LXNlbWlib2xkXCI+e29wdGlvbi5sYWJlbH08L3NwYW4+XG4gICAgPC9kaXY+XG5cbiAgICA8c3BhbiBjbGFzc05hbWU9XCJhYnNvbHV0ZSBpbnNldC15LTAgcmlnaHQtMCBmbGV4IGl0ZW1zLWNlbnRlciBwci00IHRleHQtaW5kaWdvLTYwMCBncm91cC1ub3QtZGF0YS1zZWxlY3RlZDpoaWRkZW4gZ3JvdXAtZGF0YS1mb2N1czp0ZXh0LXdoaXRlXCI+XG4gICAgICA8Q2hlY2sgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3NOYW1lPVwic2l6ZS01XCIgLz5cbiAgICA8L3NwYW4+XG4gIDwvTGlzdGJveE9wdGlvbj5cbik7Il0sCiAgIm1hcHBpbmdzIjogIkFBQUEsU0FBUyxxQkFBcUI7QUFDOUIsU0FBUyxhQUFhO0FBRXRCLFNBQVEsV0FBVTtBQWlCZCxTQUNrQixLQURsQjtBQU5HLE1BQU0sZUFBZSxDQUFDLEVBQUUsT0FBTyxNQUNwQztBQUFBLEVBQUM7QUFBQTtBQUFBLElBRUMsT0FBTyxPQUFPO0FBQUEsSUFDZCxXQUFVO0FBQUEsSUFFVjtBQUFBLDJCQUFDLFNBQUksV0FBVSxxQkFDWjtBQUFBLGVBQU8sUUFBUSxvQkFBQyxPQUFJLFdBQVUsZ0NBQStCLE1BQU0sT0FBTyxNQUFNO0FBQUEsUUFDaEYsT0FBTyxTQUFTLG9CQUFDLFNBQUksS0FBSSxJQUFHLFdBQVUsZ0NBQStCLEtBQUssT0FBTyxPQUFPO0FBQUEsUUFDekYsb0JBQUMsVUFBSyxXQUFVLHFFQUFxRSxpQkFBTyxPQUFNO0FBQUEsU0FDcEc7QUFBQSxNQUVBLG9CQUFDLFVBQUssV0FBVSxnSUFDZCw4QkFBQyxTQUFNLGVBQVksUUFBTyxXQUFVLFVBQVMsR0FDL0M7QUFBQTtBQUFBO0FBQUEsRUFaSyxPQUFPLE1BQU0sT0FBTztBQWEzQjsiLAogICJuYW1lcyI6IFtdCn0K