| 1 | import { Copy as RestoreIcon, Minus, Square, X } from "lucide-react"; |
| 2 | |
| 3 | export function WindowsWindowControls({ maximised, onMinimize, onToggleMaximize, onClose }: { |
| 4 | maximised: boolean; |
| 5 | onMinimize: () => void; |
| 6 | onToggleMaximize: () => void; |
| 7 | onClose: () => void; |
| 8 | }) { |
| 9 | return ( |
| 10 | <div className="windows-window-controls" aria-label="Window controls"> |
| 11 | <button className="windows-window-control windows-window-control--minimize" type="button" aria-label="Minimize window" title="Minimize" onClick={onMinimize}> |
| 12 | <Minus size={13} strokeWidth={1.9} /> |
| 13 | </button> |
| 14 | <button className="windows-window-control windows-window-control--maximize" type="button" aria-label="Maximize or restore window" aria-pressed={maximised} title={maximised ? "Restore" : "Maximize"} onClick={onToggleMaximize}> |
| 15 | {maximised ? <RestoreIcon size={12} strokeWidth={1.75} /> : <Square size={11} strokeWidth={1.8} />} |
| 16 | </button> |
| 17 | <button className="windows-window-control windows-window-control--close" type="button" aria-label="Close window" title="Close" onClick={onClose}> |
| 18 | <X size={13} strokeWidth={1.9} /> |
| 19 | </button> |
| 20 | </div> |
| 21 | ); |
| 22 | } |
| 23 |