You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							27 lines
						
					
					
						
							816 B
						
					
					
				
			
		
		
	
	
							27 lines
						
					
					
						
							816 B
						
					
					
				| import React from "react"; | |
| import { connect } from "react-redux"; | |
| 
 | |
| export const ButtonBetween = ({ item, status, onClick, width }) => { | |
|   return ( | |
|     <button | |
|       className={ | |
|         "flex justify-between items-center bg-green-50 bg-opacity-80 rounded-sm border-2 border-solid border-green-500" | |
|       } | |
|       onClick={() => onClick()} | |
|       style={{ width, padding : '18px 8px' }} | |
|     > | |
|       <strong className="text-tiny text-green-700 font-semibold">{item}</strong> | |
|       {status && ( | |
|         <span className="pr-3 border-r border-solid border-green-600 text-tiny text-green-700 font-semibold"> | |
|           {status} | |
|         </span> | |
|       )} | |
|     </button> | |
|   ); | |
| }; | |
| 
 | |
| const mapStateToProps = (state) => ({}); | |
| 
 | |
| const mapDispatchToProps = {}; | |
| 
 | |
| export default connect(mapStateToProps, mapDispatchToProps)(ButtonBetween);
 | |
| 
 |