import * as React from 'react';
import { Column, Dropdown, ItemValue, OptionFilter } from '@nova-hf/ui';

interface IProps {
  array: any;
  color: string;
  icon: object;
  size: string;
  dropDirection: string;
  onSelect: any;
}

export const DropDown = ({
  color = 'ocean',
  array,
  dropDirection = 'down',
  size = 'large',
  icon,
  onSelect,
}: IProps) => {
  return (
    <Column array={array} dropDirection={dropDirection} color={color} size={size} icon={icon}>
      <Dropdown onSelect={onSelect}>
        <ItemValue />
      </Dropdown>
      <OptionFilter />
    </Column>
  );
};