import * as React from "react";

export interface ToolbarProps {

}

export class Toolbar extends React.Component<ToolbarProps> {
    public render() {
        return "TOOLBAR";
    } 
}
import * as React from "react";

interface ToolbarProps {

}

interface ToolbarState {
    displayWide: boolean;
}

export class Toolbar extends React.Component<ToolbarProps, ToolbarState> {
    constructor(props: ToolbarProps){
        super(props);
        this.setState({
            displayWide: false
        });
    }

    public render() {
        const className = this.state.displayWide ? "toolbar s-wide" : "toolbar s-narrow";
        return <div className={className}>
        </div>;
    }
}
Add wrapper with display width CSS
Add wrapper with display width CSS
