import React, { Component, PropTypes } from 'react'
import classNames from 'classnames'
import META from '../../utils/Meta'

export default class TableColumn extends Component {
  static propTypes = {
    cellRenderer: PropTypes.func,
    className: PropTypes.string,
    dataKey: PropTypes.string,
    headerRenderer: PropTypes.func,
  }

  static _meta = {
    library: META.library.semanticUI,
    name: 'TableColumn',
    type: META.type.collection,
    parent: 'Table',
  }

  render() {
    const classes = classNames(
      'sd-table-column',
      this.props.className
    )
    return <div {...this.props} className={classes}></div>
  }
}

@@ -12,19 +12,8 @@
 t, %7B
- Component,
  Pro
@@ -45,136 +45,180 @@
 ort 
-classNames from 'classnames'%0Aimport META from '../../utils/Meta'%0A%0Aexport default class TableColumn extends Component %7B%0A  static 
+META from '../../utils/Meta'%0A%0A// This is an abstract component%0A// it is only used by the user to configure a Table%0Aconst TableColumn = (props) =%3E %3Cnoscript /%3E%0A%0ATableColumn.
 prop
@@ -227,18 +227,16 @@
 pes = %7B%0A
-  
   cellRe
@@ -259,18 +259,16 @@
 s.func,%0A
-  
   classN
@@ -292,18 +292,16 @@
 ring,%0A  
- 
- 
 dataKey:
@@ -319,18 +319,16 @@
 string,%0A
-  
   header
@@ -357,22 +357,23 @@
 nc,%0A
-  
 %7D%0A%0A
-  static 
+TableColumn.
 _met
@@ -378,18 +378,16 @@
 eta = %7B%0A
-  
   librar
@@ -416,18 +416,16 @@
 icUI,%0A  
- 
- 
 name: 'T
@@ -437,18 +437,16 @@
 olumn',%0A
-  
   type: 
@@ -467,18 +467,16 @@
 ection,%0A
-  
   parent
@@ -490,177 +490,34 @@
 e',%0A
-  
 %7D%0A%0A
-  render() %7B%0A    const classes = classNames(%0A      'sd-t
+export default T
 able
--c
+C
 olumn
-',%0A      this.props.className%0A    )%0A    return %3Cdiv %7B...this.props%7D className=%7Bclasses%7D%3E%3C/div%3E%0A  %7D%0A%7D
 %0A

make completely abstract