aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/card/card.component.js
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-08-26 09:00:38 +0800
committerAlexander Tseung <alextsg@gmail.com>2018-09-13 10:48:51 +0800
commit930dac110aa9127380673e119b0eaab9d45b1198 (patch)
tree365611642dd30a89bf3f9982fd8827e420c913dd /ui/app/components/card/card.component.js
parentce1975fbb4f36c83e64948968612b0c74a0b39b8 (diff)
downloadtangerine-wallet-browser-930dac110aa9127380673e119b0eaab9d45b1198.tar.gz
tangerine-wallet-browser-930dac110aa9127380673e119b0eaab9d45b1198.tar.zst
tangerine-wallet-browser-930dac110aa9127380673e119b0eaab9d45b1198.zip
Add ActivityLog component
Diffstat (limited to 'ui/app/components/card/card.component.js')
-rw-r--r--ui/app/components/card/card.component.js25
1 files changed, 25 insertions, 0 deletions
diff --git a/ui/app/components/card/card.component.js b/ui/app/components/card/card.component.js
new file mode 100644
index 000000000..bb7241da1
--- /dev/null
+++ b/ui/app/components/card/card.component.js
@@ -0,0 +1,25 @@
+import React, { PureComponent } from 'react'
+import PropTypes from 'prop-types'
+import classnames from 'classnames'
+
+export default class Card extends PureComponent {
+ static propTypes = {
+ className: PropTypes.string,
+ overrideClassName: PropTypes.bool,
+ title: PropTypes.string,
+ children: PropTypes.node,
+ }
+
+ render () {
+ const { className, overrideClassName, title } = this.props
+
+ return (
+ <div className={classnames({ 'card': !overrideClassName }, className)}>
+ <div className="card__title">
+ { title }
+ </div>
+ { this.props.children }
+ </div>
+ )
+ }
+}