function ZoomOutIcon({ className }: { className?: string }) {
return (
);
}
function ZoomInIcon({ className }: { className?: string }) {
return (
);
}
function FitViewIcon({ className }: { className?: string }) {
return (
);
}
interface ZoomControlsProps {
onZoomIn: () => void;
onZoomOut: () => void;
onFitView: () => void;
}
export function ZoomControls({ onZoomIn, onZoomOut, onFitView }: ZoomControlsProps) {
const btnClass =
"p-2 text-muted-foreground hover:text-foreground hover:bg-accent dark:hover:bg-accent/50 rounded-lg active:scale-95 transition-colors";
return (
);
}