Change classes to an element with react

This works:

<div className={this.props.canChange ? "change-button" : "change-button gray-out"}>
blah
</div>

Basically classname is a property of the node.

if you're using an es6 transpiler you can use template strings and a ternary:

className={`base-class ${this.props.isActive? 'is-active' : ''}`}

Just wrap your <Tabs> element with an element of your own <div className="my-tabs"> and go from there! You can use the aria-selected to style the selected state.