@intuitionrobotics/thunderstorm
Version:
30 lines • 1.12 kB
JavaScript
import * as React from 'react';
import {} from 'react';
export class Tab {
title;
content;
constructor(title, content) {
this.title = title;
this.content = content;
}
}
export class Tabs extends React.Component {
constructor(props) {
super(props);
this.state = {
selectedTab: this.props.tabs[0]
};
}
render() {
return React.createElement("div", null,
React.createElement("div", { className: 'll_h_c', style: { height: 28, justifyContent: "center" } }, this.props.tabs.map(this.renderTabHandle)),
this.state.selectedTab.content);
}
renderTabHandle = (tab, key) => {
const selected = tab === this.state.selectedTab;
const style = selected ? this.props.selectedStyle : this.props.nonSelectedStyle;
return React.createElement("div", { key: key, style: { paddingLeft: 10, paddingRight: 10 } },
React.createElement("span", { className: `clickable`, onClick: () => this.setState({ selectedTab: tab }), style: style }, tab.title));
};
}
//# sourceMappingURL=Tabs.js.map