import React from 'react';

const TabTemplate = React.createClass({
  propTypes: {
    children: React.PropTypes.node,
    selected: React.PropTypes.bool,
  },

  render() {
    const styles = {
      height: 0,
      overflow: 'hidden',
      width: '100%',
      position: 'relative',
      textAlign: 'initial',
    };

    if (this.props.selected) {
      delete styles.height;
      delete styles.overflow;
    }

    return (
      <div style={styles}>
        {this.props.children}
      </div>
    );
  },
});

export default TabTemplate;