EditButton.tsx 387 B

123456789101112131415161718
  1. const EditButton = ({
  2. editable,
  3. onClick,
  4. }: {
  5. editable?: boolean
  6. onClick: React.MouseEventHandler<HTMLButtonElement>
  7. }) => {
  8. return (
  9. <button
  10. className={`bg-darkGray2 py-3 px-6 text-sm font-semibold uppercase outline-none transition-colors`}
  11. onClick={onClick}
  12. >
  13. <span>{editable ? 'done' : 'edit'}</span>
  14. </button>
  15. )
  16. }
  17. export default EditButton