33 lines
848 B
TypeScript
33 lines
848 B
TypeScript
"use client";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
import { SettingsIcon } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
|
|
|
|
interface SettingsButtonProps {
|
|
className?: string;
|
|
}
|
|
|
|
export default function SettingsButton({
|
|
className,
|
|
...props
|
|
}: SettingsButtonProps) {
|
|
return (
|
|
<TooltipProvider delayDuration={0}>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="ghost"
|
|
className={cn("h-8 w-auto p-2",className)}
|
|
{...props}
|
|
>
|
|
<SettingsIcon size={16} aria-hidden="true" />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent className="px-2 py-1 text-xs">Settings</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
);
|
|
}
|