21 lines
666 B
TypeScript
21 lines
666 B
TypeScript
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
|
import {faPlus} from "@fortawesome/free-solid-svg-icons";
|
|
import React from "react";
|
|
|
|
interface AddActionButtonProps {
|
|
callBackAction: () => Promise<void>;
|
|
}
|
|
|
|
export default function AddActionButton(
|
|
{
|
|
callBackAction
|
|
}: AddActionButtonProps) {
|
|
return (
|
|
<button
|
|
className={`group p-2 rounded-lg text-muted hover:text-primary hover:bg-primary/10 transition-colors`}
|
|
onClick={callBackAction}>
|
|
<FontAwesomeIcon icon={faPlus} className={'w-5 h-5 transition-transform group-hover:rotate-90'}/>
|
|
</button>
|
|
)
|
|
}
|