import { Icons } from './theme';

export interface InputProps {
  placeholder?: string;
  label?: string;
  info?: string;
  helper?: string;
  helperContent?: string;
  sizer: 'M' | 'S';
  leftIcon?: Icons;
  rightIcon?: Icons;
  error?: string | undefined;
  rightButton?: string | number;
  onRightButtonClick?: () => void;
  setChange?: (val: string | number) => void;
  disableTrailing?: boolean;
  noLabel?: boolean;
  hideError?: boolean;
  isVisited?: boolean;
  clear?: () => void;
  withArrows?: boolean;
  format?: 'default' | 'time';
  clickOutside?: (e: string | number) => void;

  // colors?: IColors;
}

export interface DateInputProps {
  placeholder?: string;
  label?: string;
  info?: string;
  helper?: string;
  helperContent?: string;
  sizer: 'M' | 'S';
  leftIcon?: Icons;
  rightIcon?: Icons;
  error?: string | undefined;
  setChange?: (val: string | number) => void;
  disableTrailing?: boolean;
  clear?: () => void;
  enablePast?: boolean;
  noLabel?: boolean;
  hideError?: boolean;
  notBefore?: string;
  isBirthday?: boolean;

  // colors?: IColors;
}

export interface IOption {
  label: string;
  value: string | number;
}

export interface IPickerProps {
  label: string;
  info?: string;
  sizer: 'M' | 'S';
  options: IOption[];
  selected: (string | number)[];
  setSelected: (v: any) => void;
}