@bigfishtv/cockpit/src/components/button/PreviewButton.js

import React from 'react'
import { connect } from 'react-redux'

import Button from './Button'
import { togglePreview } from '../../actions/preview'

const PreviewButton = connect(({ preview }) => ({ preview }))(
	({ dispatch, preview, size = 'large', style = undefined }) => (
		<Button
			size={size}
			style={style}
			text={preview.enabled ? 'Stop Previewing' : 'Preview'}
			onClick={() => dispatch(togglePreview())}
		/>
	)
)

export default PreviewButton