src/components/UpwardDropdown.tsx

import React from 'react';
import { Dropdown, DropdownOption } from "@/components/ui/dropdown";

interface UpwardDropdownProps {
  options: DropdownOption[];
  value?: string;
  onValueChange?: (value: string) => void;
  placeholder?: string;
  className?: string;
  disabled?: boolean;
  side?: 'top' | 'bottom';
}

export function UpwardDropdown({

  options,

  value,

  onValueChange,

  placeholder,

  className,

  disabled,

  side = 'top', // Default to top for backward compatibility

}: UpwardDropdownProps) {
  
  return (
    <Dropdown

      options={options}

      value={value}

      onValueChange={onValueChange}

      placeholder={placeholder}

      className={className}

      disabled={disabled}

      side={side}

    />
  );
}