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