import React from 'react';
import { SelectProps as MUSelectProps } from '@material-ui/core/Select';
import { TooltipProps } from '../Tooltip';

export type SelectItemType = {
  name: string | number;
  value: string | number | null;
};
export interface SelectProps extends Omit<MUSelectProps, ''> {
  className?: string;
  data: SelectItemType[];
  helperText?: string;
  hideLabel?: boolean;
  icon?: React.ReactNode;
  isError?: boolean;
  label: string;
  name: string;
  rightIcon?: React.ReactNode;
  size?: 'small' | 'medium' | 'big';
  style?: React.CSSProperties;
  tooltip?: TooltipProps['title'];
  containerStyle?: React.CSSProperties;
  // onChange: (value: SelectItemType['value']) => void;
}

export type CustomSelectProps = {
  className?: string;
  data: { title: string; value: number | string }[];
  onSelect: (value: number | string) => void;
  predefinedText: string;
  style?: React.CSSProperties;
  textSize?: number;
  value: string | number;
  variant?: 'text' | 'standard';
};
