Spaces:
Running
Running
File size: 1,263 Bytes
25c879d 869a182 25c879d 869a182 25c879d 869a182 25c879d 869a182 25c879d 869a182 25c879d |
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 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
"use client";
import { Maximize2, Minimize2 } from "lucide-react";
import { Button } from "@/components/ui/button";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
interface FullscreenToggleProps {
isFullScreen: boolean;
onClick: () => void;
className?: string;
}
export function FullscreenToggle({
isFullScreen,
onClick,
className = "",
}: FullscreenToggleProps) {
return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
type="button"
size="icon"
variant="outline"
className={`h-8 w-8 bg-novita-gray border-novita-gray/30 text-white hover:bg-novita-gray/20 ${className}`}
onClick={onClick}
>
{isFullScreen ? (
<Minimize2 className="h-4 w-4" />
) : (
<Maximize2 className="h-4 w-4" />
)}
<span className="sr-only">Toggle full screen</span>
</Button>
</TooltipTrigger>
<TooltipContent className="bg-novita-gray text-white">
<p>{isFullScreen ? "Exit full screen" : "Enter full screen"}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
);
}
|