Internal
A React element with window control buttons
export function WindowButtons() {
return (
<div className="flex">
<button
title="Minimize"
type="button"
className="p-2 hover:bg-slate-300"
onClick={minimizeWindow}
>
<svg
aria-hidden="true"
role="img"
width="12"
height="12"
viewBox="0 0 12 12"
>
<rect fill="currentColor" width="10" height="1" x="1" y="6"></rect>
</svg>
</button>
<button
title="Maximize"
type="button"
className="p-2 hover:bg-slate-300"
onClick={maximizeWindow}
>
<svg
aria-hidden="true"
role="img"
width="12"
height="12"
viewBox="0 0 12 12"
>
<rect
width="9"
height="9"
x="1.5"
y="1.5"
fill="none"
stroke="currentColor"
></rect>
</svg>
</button>
<button
type="button"
title="Close"
className="p-2 hover:bg-red-300"
onClick={closeWindow}
>
<svg
aria-hidden="true"
role="img"
width="12"
height="12"
viewBox="0 0 12 12"
>
<polygon
fill="currentColor"
fillRule="evenodd"
points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"
></polygon>
</svg>
</button>
</div>
);
}
Renders the window control buttons (minimize, maximize, close) for the Electron window.