File size: 702 Bytes
9705b6c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
import React, { ReactElement } from 'react';
import RenameIcon from '../svg/RenameIcon';
import CheckMark from '../svg/CheckMark';
interface RenameButtonProps {
renaming: boolean;
renameHandler: () => void;
onRename: () => void;
twcss?: string;
}
export default function RenameButton({
renaming,
renameHandler,
onRename,
twcss,
}: RenameButtonProps): ReactElement {
const handler = renaming ? onRename : renameHandler;
const classProp: { className?: string } = { className: 'p-1 hover:text-white' };
if (twcss) {
classProp.className = twcss;
}
return (
<button {...classProp} onClick={handler}>
{renaming ? <CheckMark /> : <RenameIcon />}
</button>
);
}
|