import * as React from "react";

export interface SelectOption {
  value: string;
  label: string;
}

export interface SelectProps {
  label?: string;
  value?: string;
  onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
  /** Options as strings or {value,label} objects. */
  options?: (string | SelectOption)[];
  disabled?: boolean;
  size?: "sm" | "md";
  fullWidth?: boolean;
  style?: React.CSSProperties;
}

/**
 * Native-backed select with ChicoryTV chrome and a custom chevron.
 */
export function Select(props: SelectProps): JSX.Element;