## Index

### Enumerations

- TEXT

### Classes

- SwitcherImpl

### Interfaces

- OwnProps

### Type aliases

- Props

### Variables

- Switcher

### Object literals

- styles
- transition

## Type aliases

### Props

Props: OwnProps & WithSheet<IgnoreJSSNested<object>, __type>

- Defined in components/Switcher/index.tsx:143

## Variables

### Const Switcher

Switcher: ComponentClass<object & StyledComponentProps<"content" | "button" | "hint" | "switcher" | "contentLeft" | "contentRight" | "viewport" | "toggle">, any> | StatelessComponent<object & StyledComponentProps<"content" | "button" | "hint" | "switcher" | "contentLeft" | "contentRight" | "viewport" | "toggle">> = injectSheet(styles as IgnoreJSSNested<typeof styles>)(SwitcherImpl)

- Defined in components/Switcher/index.tsx:200

## Object literals

### Const styles

styles: object

- Defined in components/Switcher/index.tsx:25

### button

button: any = ((props: OwnProps): CSSProperties<OwnProps> => ({backgroundSize: '100%',background: 'gray',boxSizing: 'border-box',position: 'absolute',top: '4px',left: 48,width: 11,height: 11,cursor: props.disabled ? 'not-allowed' : 'pointer',borderRadius: '100%',...transition,})) as any

- Defined in components/Switcher/index.tsx:39

### viewport

viewport: any = ((props: OwnProps): CSSProperties<OwnProps> => ({boxSizing: 'content-box',display: 'block',width: '44px',height: '19px',overflow: 'hidden',position: 'relative',cursor: props.disabled ? 'not-allowed' : 'pointer',borderRadius: '40px',color: '#fff',float: 'right',userSelect: 'none',border: '1px solid #EEE',})) as any

- Defined in components/Switcher/index.tsx:89

### content

content: object

- Defined in components/Switcher/index.tsx:52

### background

background: string = "gray"

- Defined in components/Switcher/index.tsx:53

### display

display: string = "inline-block"

- Defined in components/Switcher/index.tsx:54

### float

float: string = "left"

- Defined in components/Switcher/index.tsx:55

### fontSize

fontSize: string = "9px"

- Defined in components/Switcher/index.tsx:58

### fontWeight

fontWeight: string = "bold"

- Defined in components/Switcher/index.tsx:59

### height

height: string = "100%"

- Defined in components/Switcher/index.tsx:56

### textTransform

textTransform: string = "uppercase"

- Defined in components/Switcher/index.tsx:60

### top

top: string = "10px"

- Defined in components/Switcher/index.tsx:61

### width

width: string = "64px"

- Defined in components/Switcher/index.tsx:57

### & span

& span: object

- Defined in components/Switcher/index.tsx:63

### float

float: string = "left"

- Defined in components/Switcher/index.tsx:66

### height

height: string = "100%"

- Defined in components/Switcher/index.tsx:64

### lineHeight

lineHeight: string = "20px"

- Defined in components/Switcher/index.tsx:65

### contentLeft

contentLeft: object

- Defined in components/Switcher/index.tsx:69

### backgroundImage

backgroundImage: string = "linear-gradient(180deg, #213655 0%, #385679 34.24%, #4A7496 79.87%, #7272A0 100%)"

- Defined in components/Switcher/index.tsx:70

### backgroundSize

backgroundSize: string = "100%"

- Defined in components/Switcher/index.tsx:72

### & span

& span: object

- Defined in components/Switcher/index.tsx:73

### float

float: string = "right"

- Defined in components/Switcher/index.tsx:75

### marginRight

marginRight: string = "20px"

- Defined in components/Switcher/index.tsx:74

### contentRight

contentRight: object

- Defined in components/Switcher/index.tsx:78

### backgroundColor

backgroundColor: string = "white"

- Defined in components/Switcher/index.tsx:79

### backgroundSize

backgroundSize: string = "100%"

- Defined in components/Switcher/index.tsx:81

### color

color: string = "gray"

- Defined in components/Switcher/index.tsx:80

### & span

& span: object

- Defined in components/Switcher/index.tsx:82

### display

display: string = "inline-block"

- Defined in components/Switcher/index.tsx:84

### marginLeft

marginLeft: string = "18px"

- Defined in components/Switcher/index.tsx:83

### textAlign

textAlign: string = "center"

- Defined in components/Switcher/index.tsx:86

### width

width: number = 22

- Defined in components/Switcher/index.tsx:85

### hint

hint: object

- Defined in components/Switcher/index.tsx:26

### marginRight

marginRight: number = 5

- Defined in components/Switcher/index.tsx:30

### marginTop

marginTop: number = 20

- Defined in components/Switcher/index.tsx:29

### maxWidth

maxWidth: number = 200

- Defined in components/Switcher/index.tsx:28

### width

width: string = "initial"

- Defined in components/Switcher/index.tsx:27

### switcher

switcher: object

- Defined in components/Switcher/index.tsx:32

### display

display: string = "flex"

- Defined in components/Switcher/index.tsx:33

### height

height: string = "100%"

- Defined in components/Switcher/index.tsx:34

### position

position: string = "relative"

- Defined in components/Switcher/index.tsx:35

### width

width: string = "200%"

- Defined in components/Switcher/index.tsx:36

### toggle

toggle: object

- Defined in components/Switcher/index.tsx:103

### display

display: string = "none"

- Defined in components/Switcher/index.tsx:104

### visibility

visibility: string = "hidden"

- Defined in components/Switcher/index.tsx:105

### & + $viewport > $button

& + $viewport > $button: object

- Defined in components/Switcher/index.tsx:109

### left

left: number = 48

- Defined in components/Switcher/index.tsx:110

### & + $viewport > $content

& + $viewport > $content: object

- Defined in components/Switcher/index.tsx:112

### left

left: string = "65px"

- Defined in components/Switcher/index.tsx:113

### & + $viewport > $contentLeft

& + $viewport > $contentLeft: object

- Defined in components/Switcher/index.tsx:115

### marginLeft

marginLeft: number = 0

- Defined in components/Switcher/index.tsx:116

### & + $viewport > $switcher

& + $viewport > $switcher: object

- Defined in components/Switcher/index.tsx:106

### left

left: string = "-100%"

- Defined in components/Switcher/index.tsx:107

### &:checked + $viewport $button

&:checked + $viewport $button: object

- Defined in components/Switcher/index.tsx:121

### backgroundColor

backgroundColor: string = "white"

- Defined in components/Switcher/index.tsx:124

### color

color: string = "white"

- Defined in components/Switcher/index.tsx:123

### left

left: number = 28

- Defined in components/Switcher/index.tsx:122

### &:checked + $viewport $contentLeft

&:checked + $viewport $contentLeft: object

- Defined in components/Switcher/index.tsx:126

### marginLeft

marginLeft: number = 0

- Defined in components/Switcher/index.tsx:127

### &:checked + $viewport > $switcher

&:checked + $viewport > $switcher: object

- Defined in components/Switcher/index.tsx:118

### left

left: number = 0

- Defined in components/Switcher/index.tsx:119

### &:disabled + $viewport $content

&:disabled + $viewport $content: object

- Defined in components/Switcher/index.tsx:129

### background

background: string = "white"

- Defined in components/Switcher/index.tsx:131

### color

color: string = "#C9C9C9"

- Defined in components/Switcher/index.tsx:130

### &:disabled:checked + $viewport $button

&:disabled:checked + $viewport $button: object

- Defined in components/Switcher/index.tsx:137

### backgroundColor

backgroundColor: string = "#C9C9C9"

- Defined in components/Switcher/index.tsx:138

### &:disabled:checked + $viewport $content

&:disabled:checked + $viewport $content: object

- Defined in components/Switcher/index.tsx:133

### background

background: string = "white"

- Defined in components/Switcher/index.tsx:135

### color

color: string = "#C9C9C9"

- Defined in components/Switcher/index.tsx:134

### Const transition

transition: object

- Defined in components/Switcher/index.tsx:21

### transition

transition: string = "all 500ms ease-in-out"

- Defined in components/Switcher/index.tsx:22

Generated using TypeDoc