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: string) => void;
  disabled?: boolean;
}

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

export default DropdownCell;