import { SmallDropdown, type SmallDropdownOption } from "@/shared";

export type TicketViewportSelectOption = SmallDropdownOption;

export interface TicketViewportSelectProps {
  ariaLabel?: string;
  "aria-label"?: string;
  value: string;
  options: TicketViewportSelectOption[];
  onChange: (value: string) => void;
  className?: string;
  disabled?: boolean;
}

export function TicketViewportSelect({
  ariaLabel: ariaLabelProp,
  "aria-label": ariaLabelAttribute,
  value,
  options,
  onChange,
  className,
  disabled = false,
}: TicketViewportSelectProps) {
  return (
    <SmallDropdown
      aria-label={ariaLabelAttribute ?? ariaLabelProp}
      value={value}
      options={options}
      onChange={onChange}
      className={className}
      disabled={disabled}
    />
  );
}
