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);
|
|
|