src/components/DownwardDropdown.tsx

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

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

export function DownwardDropdown({
  options,
  value,
  onValueChange,
  placeholder,
  className,
  disabled,
  side = 'bottom', // Default to bottom for backward compatibility
}: DownwardDropdownProps) {
  
  return (
    <Dropdown
      options={options}
      value={value}
      onValueChange={onValueChange}
      placeholder={placeholder}
      className={className}
      disabled={disabled}
      side={side}
    />
  );
}