bug-tracker/client/src/components/types.ts at patch-1 · kongeNikhilKumar/bug-tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import { SvgIconProps } from '@material-ui/core';

export interface NormalButtonType {
  type: 'normal';
  text?: string;
  icon: (props: SvgIconProps) => JSX.Element;
  size?: 'small' | 'medium' | 'large';
  style?: { [name: string]: string } | { [name: string]: number };
  variant?: 'outlined' | 'contained' | 'text';
  className?: string;
  color?: 'primary' | 'secondary' | 'inherit';
}

export interface RoundIconButtonType {
  type: 'round';
  icon: (props: SvgIconProps) => JSX.Element;
  size?: 'small' | 'medium' | 'large';
  style?: { [name: string]: string } | { [name: string]: number };
  variant?: 'outlined' | 'contained' | 'text';
  color?: 'primary' | 'secondary' | 'inherit';
}

export interface IconButtonType {
  type: 'icon';
  icon: (props: SvgIconProps) => JSX.Element;
  size?: 'small' | 'medium';
  style?: { [name: string]: string } | { [name: string]: number };
  iconSize?: 'small' | 'default' | 'large';
  className?: string;
  color?: 'primary' | 'secondary' | 'inherit';
}

export interface MenuItemButtonType {
  type: 'menu';
  text: string;
  icon: (props: SvgIconProps) => JSX.Element;
  closeMenu: () => void;
  iconStyle?: { [name: string]: string } | { [name: string]: number };
  className?: string;
}

export interface FabButtonType {
  type: 'fab';
  icon: (props: SvgIconProps) => JSX.Element;
  size?: 'small' | 'medium' | 'large';
  variant?: 'extended' | 'round';
  text?: string;
  color?: 'primary' | 'secondary' | 'inherit';
}

export type TriggerButtonTypes =
  | NormalButtonType
  | RoundIconButtonType
  | IconButtonType
  | MenuItemButtonType
  | FabButtonType;