22 lines
730 B
TypeScript
22 lines
730 B
TypeScript
/**
|
|
* @file dasboard/header/NewTaskButton.tsx
|
|
* @description Client component rendering an interactive trigger button for creating new tasks.
|
|
*/
|
|
|
|
"use client";
|
|
|
|
import { Plus } from "lucide-react";
|
|
|
|
/**
|
|
* Renders a stylized button component with an icon and active state animations to initiate task creation.
|
|
*
|
|
* @returns {JSX.Element} The rendered new task button component.
|
|
*/
|
|
export default function NewTaskButton() {
|
|
return (
|
|
<button className="inline-flex items-center gap-2 px-3.5 py-2.5 rounded-xl font-medium text-sm text-black hover:text-foreground bg-primary hover:bg-primary-hover active:scale-95 transition-colors duration-200 cursor-pointer">
|
|
<Plus size={16} />
|
|
New Task
|
|
</button>
|
|
);
|
|
}
|