diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-01-03 16:46:47 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-01-03 16:46:47 +0100 |
commit | 3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2 (patch) | |
tree | 450b9e21d0bfac2cdde28995a04a3643b3ea2a37 /packages/forms/src/wrapper | |
parent | Add theme (diff) | |
download | ferdium-app-3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2.tar.gz ferdium-app-3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2.tar.zst ferdium-app-3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2.zip |
Add forms
Diffstat (limited to 'packages/forms/src/wrapper')
-rw-r--r-- | packages/forms/src/wrapper/index.tsx | 26 | ||||
-rw-r--r-- | packages/forms/src/wrapper/styles.ts | 5 |
2 files changed, 31 insertions, 0 deletions
diff --git a/packages/forms/src/wrapper/index.tsx b/packages/forms/src/wrapper/index.tsx new file mode 100644 index 000000000..c2444b0ea --- /dev/null +++ b/packages/forms/src/wrapper/index.tsx | |||
@@ -0,0 +1,26 @@ | |||
1 | import React, { Component } from 'react'; | ||
2 | import injectStyle from 'react-jss'; | ||
3 | import { IWithStyle } from '../typings/generic'; | ||
4 | |||
5 | import styles from './styles'; | ||
6 | |||
7 | interface IProps extends IWithStyle { | ||
8 | children: React.ReactNode; | ||
9 | } | ||
10 | |||
11 | class Wrapper extends Component<IProps> { | ||
12 | render() { | ||
13 | const { | ||
14 | children, | ||
15 | classes, | ||
16 | } = this.props; | ||
17 | |||
18 | return ( | ||
19 | <div className={classes.container}> | ||
20 | {children} | ||
21 | </div> | ||
22 | ); | ||
23 | } | ||
24 | } | ||
25 | |||
26 | export default injectStyle(styles)(Wrapper); | ||
diff --git a/packages/forms/src/wrapper/styles.ts b/packages/forms/src/wrapper/styles.ts new file mode 100644 index 000000000..72306b252 --- /dev/null +++ b/packages/forms/src/wrapper/styles.ts | |||
@@ -0,0 +1,5 @@ | |||
1 | export default { | ||
2 | container: { | ||
3 | marginBottom: 20, | ||
4 | }, | ||
5 | }; | ||