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>
  }
}

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

// This is an abstract component
// it is only used by the user to configure a Table
const TableColumn = (props) => <noscript />

TableColumn.propTypes = {
  cellRenderer: PropTypes.func,
  className: PropTypes.string,
  dataKey: PropTypes.string,
  headerRenderer: PropTypes.func,
}

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

export default TableColumn

make completely abstract