import React from 'react';
import Select, { Props as SelectProps } from 'react-select';
import { StylesConfig } from 'react-select';
import { dropdownStyles } from './styles';

interface SelectDropdownProps extends SelectProps {
  customStyles?: StylesConfig;
}

const SelectDropdown: React.FC<SelectDropdownProps> = ({
  customStyles,
  ...rest
}) => {
  return <Select styles={customStyles || dropdownStyles} {...rest} />;
};

export default SelectDropdown;
