import { Dropdown as PrimeDropdown, DropdownProps } from 'primereact/dropdown';
import React from 'react';

interface CustomDropdownProps extends DropdownProps {}

const Dropdown: React.FC<CustomDropdownProps> = ({ style, className, ...dropdownProps }) => {
  return (
    <PrimeDropdown
      {...dropdownProps}
      className={`w-full px-6 py-1 mb-4 border-2 border-gray-300 hover:border-teal-600 focus:ring-teal-500' rounded-md transition-colors hover:bg-white hover:text-teal-500 ${className}`}
      style={{ ...style, fontWeight: '400' }}
    />
  );
};

export default Dropdown;
