import React from 'react'

const ServiceSnippet = ({item, auth}) => {

	return <a className={ `service ${ (!auth || auth === undefined) ? 'disable' : 'show' }` } href={ (!auth || auth === undefined) ? '#' : item.url }>
		<div className='service-title' style={ { color: item.color } }>{item.name}</div>
		<hr style={ { borderTopColor: item.color } } />
		<div className='service-img'>
			<img src={item.img} alt={item.name} />
		</div>
	</a>
}

export default ServiceSnippet