2023-02-06 21:17:46 -05:00
|
|
|
import React from 'react';
|
2023-02-11 10:22:15 -05:00
|
|
|
import RenameIcon from '../svg/RenameIcon';
|
|
|
|
|
import CheckMark from '../svg/CheckMark';
|
|
|
|
|
|
2023-03-06 21:43:49 -05:00
|
|
|
export default function RenameButton({ renaming, renameHandler, onRename, twcss }) {
|
2023-02-11 10:22:15 -05:00
|
|
|
const handler = renaming ? onRename : renameHandler;
|
2023-03-06 21:43:49 -05:00
|
|
|
const classProp = { className: "p-1 hover:text-white" };
|
|
|
|
|
if (twcss) {
|
|
|
|
|
classProp.className = twcss;
|
|
|
|
|
}
|
2023-02-06 21:17:46 -05:00
|
|
|
return (
|
2023-03-06 21:43:49 -05:00
|
|
|
<button {...classProp} onClick={handler}>
|
2023-02-11 10:22:15 -05:00
|
|
|
{renaming ? <CheckMark /> : <RenameIcon />}
|
2023-02-06 21:17:46 -05:00
|
|
|
</button>
|
|
|
|
|
);
|
|
|
|
|
}
|