import { useCreateDropdownItems } from '../hooks/useCreateDropdownItems';
import type { DropdownProps } from './core/Dropdown';
import { Dropdown } from './core/Dropdown';

interface Props extends Omit<DropdownProps, 'items'> {
  hideFolder?: boolean;
}

export function CreateDropdown({ hideFolder, children, ...props }: Props) {
  const getItems = useCreateDropdownItems({
    hideFolder,
    hideIcons: true,
    folderId: 'active-folder',
  });

  return (
    <Dropdown items={getItems} {...props}>
      {children}
    </Dropdown>
  );
}