sqlpad/client-js/queryEditor/FlexTabPane.js

Web app for writing and running SQL queries and visualizing the results. Supports Postgres, MySQL, SQL Server, Crate and Vertica.

import React from 'react'
import PropTypes from 'prop-types'

class FlexTabPane extends React.Component {
  render() {
    const { activeTabKey, tabKey } = this.props
    const display = activeTabKey === tabKey ? 'flex' : 'none'
    return <div style={{ display, width: '100%' }}>{this.props.children}</div>
  }
}

FlexTabPane.propTypes = {
  activeTabKey: PropTypes.string,
  tabKey: PropTypes.string.isRequired
}

FlexTabPane.defaultProps = {
  activeTabKey: ''
}

export default FlexTabPane