Add: component <Card>

src/components/Card/index.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react'
+import { BaseComponentProps } from '@models/BaseProps'
+import classnames from 'classnames'
+import './style.scss'
+
+interface CardProps extends BaseComponentProps {}
+
+export const Card: React.SFC<CardProps> = props => {
+    const { className, style, children } = props
+    return (
+        <div className={classnames('card', className)} style={style}>
+            { children }
+        </div>
+    )
+}

src/components/Card/style.scss

@@ -0,0 +1,8 @@
+@import '~@styles/variables';
+
+.card {
+    padding: 15px;
+    box-shadow: 0 0 20px rgba($color-primary-dark, 0.2);
+    background-color: #fff;
+    border-radius: 4px;
+}

src/components/index.ts

@@ -2,3 +2,4 @@ export * from './Header'
 export * from './Icon'
 export * from './Proxy'
 export * from './Switch'
+export * from './Card'