/* @flow */
import { startConversation } from 'Actions/actions'
import withLanguage from 'Components/utils/withLanguage'
import { compose } from 'ramda'
import React from 'react'
import { Trans } from 'react-i18next'
import { connect } from 'react-redux'
type Props = {
	startConversation: (?string) => void
}
const QuickLink = ({ startConversation }: Props) => (
	<>
		<button
			className="ui__ link-button"
			onClick={() => startConversation('contrat salarié . type de contrat')}>
			<Trans>CDI</Trans>
		</button>
		<button
			className="ui__ link-button"
			onClick={() => startConversation('contrat salarié . type de contrat')}>
			<Trans>CDD</Trans>
		</button>
		<button
			className="ui__ link-button"
			onClick={() => startConversation('contrat salarié . statut cadre')}>
			<Trans>Cadre</Trans>
		</button>
		<button
			className="ui__ link-button"
			onClick={() => startConversation('contrat salarié . temps partiel')}>
			<Trans>Temps partiel</Trans>
		</button>
		<button className="ui__ link-button" onClick={() => startConversation()}>
			<Trans>Autres</Trans>
		</button>
	</>
)
export default compose(
	withLanguage,
	connect(
		(state, props) => ({ key: props.language }),
		{
			startConversation
		}
	)
)(QuickLink)