santunandi
diff --git a/‎src/components/Media/CMedia.js
Copy file name to clipboard
+32Lines changed: 32 additions & 0 deletions b/‎src/components/Media/CMedia.js
Copy file name to clipboard
+32Lines changed: 32 additions & 0 deletions
diff --git a/‎src/components/Media/index.js
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions b/‎src/components/Media/index.js
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions
diff --git a/‎src/components/index.js
Copy file name to clipboardExpand all lines: src/components/index.js
+4Lines changed: 4 additions & 0 deletions b/‎src/components/index.js
Copy file name to clipboardExpand all lines: src/components/index.js
+4Lines changed: 4 additions & 0 deletions
@@ -0,0 +1,32 @@
+import { mergeData } from 'vue-functional-data-merge'
+
+export default {
+  functional: true,
+  name: 'CMedia',
+  props: {
+    asideClasses: String,
+    asideRight: Boolean,
+  },
+  render (h, { props, data, slots }) {
+    let childNodes = []
+    const $slots = slots()
+    const asideClasses = props.asideClasses ?
+                         props.asideClasses :
+                         props.asideRight ?
+                         'ml-3 align-self-start' :
+                         'mr-3 align-self-start'
+
+    const aside = h(
+      'div',
+      { class: asideClasses },
+      $slots.aside
+    )
+    const body = h(
+      'div',
+      { staticClass: 'media-body' },
+      $slots.default
+    )
+    props.asideRight ? childNodes.push(body, aside) : childNodes.push(aside, body)
+    return h('div', mergeData(data, { staticClass: 'media' }), childNodes)
+  }
+}
@@ -0,0 +1,5 @@
+import CMedia from './CMedia'
+
+export {
+  CMedia
+}
@@ -18,10 +18,14 @@ export * from './Dropdown'
 export * from './ListGroup'
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 export * from './Toolip'
 =======
 export * from './Pagination'
 >>>>>>> pagination
 =======
 export * from './Navbar'
 >>>>>>> navbar
+=======
+export * from './Media'
+>>>>>>> media