From 7ca08f2f301996c4b203091667f09b80a838d200 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sun, 7 Aug 2022 19:04:59 +0200
Subject: [PATCH] Add `FullscreenButton`
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/button/Button.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/button/Button.tsx b/src/button/Button.tsx
index 2c2605f5..bc6359da 100644
--- a/src/button/Button.tsx
+++ b/src/button/Button.tsx
@@ -29,6 +29,8 @@ import { ReactComponent as ScreenshareIcon } from "../icons/Screenshare.svg";
 import { ReactComponent as SettingsIcon } from "../icons/Settings.svg";
 import { ReactComponent as AddUserIcon } from "../icons/AddUser.svg";
 import { ReactComponent as ArrowDownIcon } from "../icons/ArrowDown.svg";
+import { ReactComponent as Fullscreen } from "../icons/Fullscreen.svg";
+import { ReactComponent as FullscreenExit } from "../icons/FullscreenExit.svg";
 import { TooltipTrigger } from "../Tooltip";
 import { VolumeIcon } from "./VolumeIcon";
 
@@ -262,3 +264,20 @@ export function AudioButton({ volume, ...rest }: AudioButtonProps) {
     </TooltipTrigger>
   );
 }
+
+interface FullscreenButtonProps extends Omit<Props, "variant"> {
+  fullscreen?: boolean;
+}
+
+export function FullscreenButton({
+  fullscreen,
+  ...rest
+}: FullscreenButtonProps) {
+  return (
+    <TooltipTrigger tooltip={() => "Full screen"}>
+      <Button variant="icon" {...rest}>
+        {fullscreen ? <FullscreenExit /> : <Fullscreen />}
+      </Button>
+    </TooltipTrigger>
+  );
+}