diff options
author | Vijay A <avijayr@protonmail.com> | 2021-07-28 19:24:47 +0530 |
---|---|---|
committer | Vijay Raghavan Aravamudhan <vraravam@users.noreply.github.com> | 2021-07-28 15:46:43 +0000 |
commit | d671afec794992d052f6f6b7ea73a571e67db7c1 (patch) | |
tree | 940f97875da81b34465e1981461ec7152c2b08a5 /packages/forms/src/toggle/index.tsx | |
parent | - updated classnames to 2.3.1 to use added type definitions (diff) | |
download | ferdium-app-d671afec794992d052f6f6b7ea73a571e67db7c1.tar.gz ferdium-app-d671afec794992d052f6f6b7ea73a571e67db7c1.tar.zst ferdium-app-d671afec794992d052f6f6b7ea73a571e67db7c1.zip |
Minor refactoring to use the destructured code pattern while importing from other modules.
Diffstat (limited to 'packages/forms/src/toggle/index.tsx')
-rw-r--r-- | packages/forms/src/toggle/index.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/forms/src/toggle/index.tsx b/packages/forms/src/toggle/index.tsx index 50716450b..d484cd042 100644 --- a/packages/forms/src/toggle/index.tsx +++ b/packages/forms/src/toggle/index.tsx | |||
@@ -1,6 +1,6 @@ | |||
1 | import { Theme } from '@meetfranz/theme'; | 1 | import { Theme } from '@meetfranz/theme'; |
2 | import classnames from 'classnames'; | 2 | import classnames from 'classnames'; |
3 | import * as CSS from 'csstype'; | 3 | import { Property } from 'csstype'; |
4 | import React, { Component } from 'react'; | 4 | import React, { Component } from 'react'; |
5 | import injectStyle from 'react-jss'; | 5 | import injectStyle from 'react-jss'; |
6 | 6 | ||
@@ -22,7 +22,7 @@ const styles = (theme: Theme) => ({ | |||
22 | background: theme.toggleBackground, | 22 | background: theme.toggleBackground, |
23 | borderRadius: theme.borderRadius, | 23 | borderRadius: theme.borderRadius, |
24 | height: theme.toggleHeight, | 24 | height: theme.toggleHeight, |
25 | position: 'relative' as CSS.Property.Position, | 25 | position: 'relative' as Property.Position, |
26 | width: theme.toggleWidth, | 26 | width: theme.toggleWidth, |
27 | }, | 27 | }, |
28 | button: { | 28 | button: { |
@@ -33,7 +33,7 @@ const styles = (theme: Theme) => ({ | |||
33 | height: theme.toggleHeight - 2, | 33 | height: theme.toggleHeight - 2, |
34 | left: 1, | 34 | left: 1, |
35 | top: 1, | 35 | top: 1, |
36 | position: 'absolute' as CSS.Property.Position, | 36 | position: 'absolute' as Property.Position, |
37 | transition: 'all .5s', | 37 | transition: 'all .5s', |
38 | }, | 38 | }, |
39 | buttonActive: { | 39 | buttonActive: { |