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

Platform

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ListboxOption } from '@headlessui/react';
import { Check } from 'lucide-react';
import { Svg } from '../Svg/Svg.js';
export 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);

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1NlbGVjdEZpZWxkL1NlbGVjdE9wdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTGlzdGJveE9wdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IENoZWNrIH0gZnJvbSAnbHVjaWRlLXJlYWN0JztcblxuaW1wb3J0IHtTdmd9IGZyb20gJy4uL1N2Zy9TdmcuanMnO1xuXG5leHBvcnQgdHlwZSBTZWxlY3RPcHRpb25Qcm9wcyA9IHtcbiAgcmVhZG9ubHkgb3B0aW9uOiB7XG4gICAgcmVhZG9ubHkgaWNvbj86IHN0cmluZztcbiAgICByZWFkb25seSBpZD86IG51bWJlcjtcbiAgICByZWFkb25seSBpbWFnZT86IHN0cmluZztcbiAgICByZWFkb25seSBsYWJlbDogc3RyaW5nO1xuICAgIHJlYWRvbmx5IHZhbHVlOiBzdHJpbmc7XG4gIH07XG59O1xuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbiA9ICh7IG9wdGlvbiB9OiBTZWxlY3RPcHRpb25Qcm9wcykgPT4gKFxuICA8TGlzdGJveE9wdGlvblxuICAgIGtleT17b3B0aW9uLmlkIHx8IG9wdGlvbi5sYWJlbH1cbiAgICB2YWx1ZT17b3B0aW9uLnZhbHVlfVxuICAgIGNsYXNzTmFtZT1cImdyb3VwIHJlbGF0aXZlIGN1cnNvci1kZWZhdWx0IHB5LTIgcHItOSBwbC0zIHRleHQtZ3JheS05MDAgc2VsZWN0LW5vbmUgZGF0YS1mb2N1czpiZy1pbmRpZ28tNjAwIGRhdGEtZm9jdXM6dGV4dC13aGl0ZSBkYXRhLWZvY3VzOm91dGxpbmUtaGlkZGVuXCJcbiAgPlxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgIHtvcHRpb24uaWNvbiAmJiA8U3ZnIGNsYXNzTmFtZT1cInNpemUtNSBzaHJpbmstMCByb3VuZGVkLWZ1bGxcIiBuYW1lPXtvcHRpb24uaWNvbn0gLz59XG4gICAgICB7b3B0aW9uLmltYWdlICYmIDxpbWcgYWx0PVwiXCIgY2xhc3NOYW1lPVwic2l6ZS01IHNocmluay0wIHJvdW5kZWQtZnVsbFwiIHNyYz17b3B0aW9uLmltYWdlfSAvPn1cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm1sLTMgYmxvY2sgdHJ1bmNhdGUgZm9udC1ub3JtYWwgZ3JvdXAtZGF0YS1zZWxlY3RlZDpmb250LXNlbWlib2xkXCI+e29wdGlvbi5sYWJlbH08L3NwYW4+XG4gICAgPC9kaXY+XG5cbiAgICA8c3BhbiBjbGFzc05hbWU9XCJhYnNvbHV0ZSBpbnNldC15LTAgcmlnaHQtMCBmbGV4IGl0ZW1zLWNlbnRlciBwci00IHRleHQtaW5kaWdvLTYwMCBncm91cC1ub3QtZGF0YS1zZWxlY3RlZDpoaWRkZW4gZ3JvdXAtZGF0YS1mb2N1czp0ZXh0LXdoaXRlXCI+XG4gICAgICA8Q2hlY2sgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3NOYW1lPVwic2l6ZS01XCIgLz5cbiAgICA8L3NwYW4+XG4gIDwvTGlzdGJveE9wdGlvbj5cbik7Il0sIm5hbWVzIjpbIkxpc3Rib3hPcHRpb24iLCJDaGVjayIsIlN2ZyIsIlNlbGVjdE9wdGlvbiIsIm9wdGlvbiIsInZhbHVlIiwiY2xhc3NOYW1lIiwiZGl2IiwiaWNvbiIsIm5hbWUiLCJpbWFnZSIsImltZyIsImFsdCIsInNyYyIsInNwYW4iLCJsYWJlbCIsImFyaWEtaGlkZGVuIiwiaWQiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxhQUFhLFFBQVEsb0JBQW9CO0FBQ2xELFNBQVNDLEtBQUssUUFBUSxlQUFlO0FBRXJDLFNBQVFDLEdBQUcsUUFBTyxnQkFBZ0I7QUFXbEMsT0FBTyxNQUFNQyxlQUFlLENBQUMsRUFBRUMsTUFBTSxFQUFxQixpQkFDeEQsTUFBQ0o7UUFFQ0ssT0FBT0QsT0FBT0MsS0FBSztRQUNuQkMsV0FBVTs7MEJBRVYsTUFBQ0M7Z0JBQUlELFdBQVU7O29CQUNaRixPQUFPSSxJQUFJLGtCQUFJLEtBQUNOO3dCQUFJSSxXQUFVO3dCQUErQkcsTUFBTUwsT0FBT0ksSUFBSTs7b0JBQzlFSixPQUFPTSxLQUFLLGtCQUFJLEtBQUNDO3dCQUFJQyxLQUFJO3dCQUFHTixXQUFVO3dCQUErQk8sS0FBS1QsT0FBT00sS0FBSzs7a0NBQ3ZGLEtBQUNJO3dCQUFLUixXQUFVO2tDQUFxRUYsT0FBT1csS0FBSzs7OzswQkFHbkcsS0FBQ0Q7Z0JBQUtSLFdBQVU7MEJBQ2QsY0FBQSxLQUFDTDtvQkFBTWUsZUFBWTtvQkFBT1YsV0FBVTs7OztPQVhqQ0YsT0FBT2EsRUFBRSxJQUFJYixPQUFPVyxLQUFLLEVBY2hDIn0=