       'react-markdown-textarea__nav__item--active': @state.active is "preview"
     })
 
+    # Tabs style
+    if @state.active is "write"
+      writeStyle = _.extend @props.tabStyle, @props.tabActiveStyle
+      previewStyle = @props.tabStyle
+    else if @state.active is "preview"
+      writeStyle = @props.tabStyle
+      previewStyle = _.extend @props.tabStyle, @props.tabActiveStyle
+
     # Are we writing or previewing?
     #
     # Swap between writing and previewing states.

    onChange: (value) ->
    deleteButton: false
    spinnerOptions: {}
    navTabStyle: {
      display: 'inline-block'
    }
    tabStyle: {
      listStyle: 'none'
      float: 'left'
      cursor: 'pointer'
    }
    textareaStyle: {
      display: 'block'
      resize: 'none'
    }
    buttonStyle: {}
    deleteButtonStyle: {}


    else
      textarea = <div
          className="react-markdown-textarea__preview"
          style={@props.previewStyle}
          dangerouslySetInnerHTML={__html: marked(@state.value)}>
      </div>

