import { ToggleButtonGroupProps } from '@material-ui/lab';
import { ThemeObject } from '../Theme';

export interface ToggleGroupProps extends ToggleButtonGroupProps {
  numberOfBtns: Array<number>;
  value: string | null | number;
  valueOfBtns: Array<string | number>;
  ariaLabeslOfBtns?: Array<string>;
  onChange: (event: React.MouseEvent<HTMLElement>, value: string | null | number) => void;
  ariaLabel?: string;
  icons?: Array<React.ReactElement>;
  showOnlyIcons?: boolean;
  textColor?: keyof ThemeObject['pallet'];
  backgroundColor?: keyof ThemeObject['pallet'];
  borderColor?: keyof ThemeObject['pallet'];
  textColorSelected?: keyof ThemeObject['pallet'];
  backgroundColorSelected?: keyof ThemeObject['pallet'];
  isOpacityBackgroundColorSelected?: boolean;
  borderColorSelected?: keyof ThemeObject['pallet'];
  style?: React.CSSProperties;
}
