import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2023-2025 GoodData Corporation
import { AttributeDropdown } from "./AttributeDropdown.js";
import { AttributeItemActions } from "./AttributeItemActions.js";
export function AttributeItem({ rowIndex, attribute }) {
    const { title, completed, icon } = attribute;
    return (_jsxs("div", { className: "gd-list-item", children: [
            _jsx("div", { className: "attribute-item-content s-attribute-item-content", children: completed ? (_jsxs("div", { className: "attribute-item-title s-attribute-item-title", children: [
                        _jsx("i", { className: icon }), title, _jsx("i", { className: "gd-icon-navigatedown" })
                    ] })) : (_jsx(AttributeDropdown, { rowIndex: rowIndex })) }), completed ? _jsx(AttributeItemActions, { rowIndex: rowIndex }) : null] }));
}
//# sourceMappingURL=AttributeItem.js.map