"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "ChainCell", {
    enumerable: true,
    get: function() {
        return ChainCell;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _icon = require("../../../icon");
const _tag = require("../../../tag");
const _lucidereact = require("lucide-react");
const ChainCell = (props)=>{
    const { id, bridgeless, onClick, name, selected } = props;
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        className: "orderly-flex orderly-items-center orderly-p-4 hover:orderly-bg-base-contrast/5 orderly-cursor-pointer orderly-rounded orderly-font-semibold desktop:orderly-p-3",
        onClick: ()=>{
            onClick?.({
                id,
                name
            });
        },
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                className: "orderly-flex-1 orderly-flex orderly-items-center orderly-space-x-3 orderly-text-3xs orderly-text-base-contrast-80 desktop:orderly-space-x-2",
                children: [
                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_icon.NetworkImage, {
                        type: "chain",
                        id: id,
                        rounded: true
                    }),
                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                        className: "orderly-chain-symbol-name",
                        children: name
                    }),
                    bridgeless && /*#__PURE__*/ (0, _jsxruntime.jsx)(_tag.Tag, {
                        color: "primary",
                        children: "Bridgeless"
                    })
                ]
            }),
            selected && // @ts-ignore
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_lucidereact.Circle, {
                className: "orderly-fill-primary-light orderly-stroke-none orderly-w-[8px] orderly-h-[8px] desktop:orderly-ml-1"
            })
        ]
    });
};

//# sourceMappingURL=chainCell.js.map