mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
33 lines
1.1 KiB
React
33 lines
1.1 KiB
React
// Floating Fullscreen Button
|
|
// Purpose: Defines the Floating Fullscreen Button module and the local helpers/components used in this file.
|
|
// Scope: Keeps behavior unchanged while isolating this concern into a clear, single-responsibility unit.
|
|
export default function FloatingFullscreenButton({ side = 'right', onClick }) {
|
|
const sideClass = side === 'left' ? 'left-2' : 'right-2';
|
|
return (
|
|
<button
|
|
type="button"
|
|
onClick={onClick}
|
|
className={`fixed bottom-2 ${sideClass} z-30 flex h-10 w-10 items-center justify-center rounded-full border border-slate-700 bg-black text-slate-200 transition hover:bg-zinc-900 active:scale-95`}
|
|
aria-label="Enter fullscreen"
|
|
title="Enter fullscreen"
|
|
>
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
width="18"
|
|
height="18"
|
|
aria-hidden="true"
|
|
className="pointer-events-none"
|
|
>
|
|
<path
|
|
d="M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
);
|
|
}
|