/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import { jsx as _jsx } from "react/jsx-runtime";
import { Dropdown } from '@fluentui/react';
import { memo } from 'react';
import { getDropdownValue } from '../ArqueroDetailsList.utils.js';
/**
 * Renders an array-valued cell as a dropdown.
 */ export const ArrayDropdownCell = /*#__PURE__*/ memo(function ArrayDropdownCell({ item , column , onCellDropdownSelect , rowIndex  }) {
    const values = getDropdownValue(item, rowIndex, column) || [];
    const placeholderValues = values.slice(0, 10).map((value)=>value.text).join(', ') || 'Open to see the values';
    return /*#__PURE__*/ _jsx(Dropdown, {
        onChange: onCellDropdownSelect,
        placeholder: placeholderValues,
        options: values,
        styles: dropdownStyles
    });
});
const dropdownStyles = {
    root: {
        width: '85%'
    }
};
