fleet/frontend/components/TableContainer/DataTable/DropdownCell/DropdownCell.tsx

import React from 'react';

// ignore TS error for now until these are rewritten in ts.
// @ts-ignore
import Dropdown from 'components/forms/fields/Dropdown';

import { IDropdownOption } from 'interfaces/dropdownOption';

const baseClass = 'dropdown-cell';

interface IDropdownCellProps {
  options: IDropdownOption[];
  placeholder: string;
  onChange: (value: any) => void;
}

const DropdownCell = (props: IDropdownCellProps): JSX.Element => {
  const { options, onChange, placeholder } = props;
  return (
    <div className={baseClass}>
      <Dropdown
        onChange={onChange}
        placeholder={placeholder}
        searchable={false}
        options={options}
      />
    </div>
  );
};

export default DropdownCell;