text: import React from 'react';
  
  
  const Ticket = (props) => {
  	return (
  		<div id={props.id} onClick={props.onClick}
  			className="action-icon ticket">
  			<svg
  				x="0px" y="0px"
  				viewBox="0 0 47.8 46.5"
  				xmlSpace="preserve">
  				<ellipse className="circle" cx="23.9" cy="23.3" rx="23.9" ry="23.3"/>
  				<g>
  					<path className="figure" d="M27.3,17.8c0-1.3-0.2-2.2-0.7-2.6c-0.5-0.4-1.1-0.7-1.9-0.7v5.9c1.4,0.4,2.5,0.9,3.4,1.3
  						c0.9,0.4,1.6,0.9,2.2,1.5c0.6,0.6,1,1.2,1.2,2c0.2,0.8,0.3,1.5,0.3,2.2c0,1.7-0.6,3.3-1.7,4.7c-1.2,1.4-2.9,2.1-5.3,2.1v3.1h-1.5
  						v-3.1c-2.5,0-4.3-0.6-5.5-1.9c-1.1-1.2-1.7-3.1-1.7-5.5h4.2c0.1,1.3,0.3,2.2,0.7,2.8c0.4,0.6,1.1,1,2.3,1.2v-6.7
  						c-2.1-0.6-3.7-1.3-4.9-2.2c-1.2-0.9-1.8-2.3-1.8-4.3c0-1.9,0.6-3.4,1.7-4.7c1.1-1.3,2.8-1.9,5-1.9V9.1h1.5v2.1
  						c1.8,0.2,3.4,0.7,4.7,1.6c1.3,0.9,2,2.6,2,5H27.3z M23.2,14.6c-0.9,0-1.5,0.3-2,0.8c-0.5,0.5-0.7,1.1-0.7,1.7
  						c0,0.9,0.3,1.6,0.8,2.1c0.5,0.5,1.1,0.8,1.9,0.9V14.6z M24.7,30.9c0.7,0,1.3-0.2,1.9-0.7c0.6-0.5,0.9-1.3,0.9-2.4
  						c0-0.8-0.3-1.5-0.8-2c-0.5-0.5-1.2-0.8-2-1V30.9z"/>
  				</g>
  			</svg>
  		</div>
  	);
  
  }
  
  export default Ticket;
  
  