From 4cf75c8eebf961ede09d5b17e62fa59c918e6658 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Mon, 30 Mar 2026 17:59:47 +0200
Subject: [PATCH] Create a LayoutToggle story

---
 src/room/LayoutToggle.stories.tsx | 25 +++++++++++++++++++++++++
 src/room/LayoutToggle.tsx         |  4 ++--
 2 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 src/room/LayoutToggle.stories.tsx

diff --git a/src/room/LayoutToggle.stories.tsx b/src/room/LayoutToggle.stories.tsx
new file mode 100644
index 00000000..72a2ffad
--- /dev/null
+++ b/src/room/LayoutToggle.stories.tsx
@@ -0,0 +1,25 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { LayoutToggle } from "./LayoutToggle";
+
+const meta = {
+  component: LayoutToggle,
+} satisfies Meta<typeof LayoutToggle>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    layout: "grid",
+    setLayout: fn(),
+  },
+};
diff --git a/src/room/LayoutToggle.tsx b/src/room/LayoutToggle.tsx
index ca6aa467..52341e42 100644
--- a/src/room/LayoutToggle.tsx
+++ b/src/room/LayoutToggle.tsx
@@ -18,11 +18,11 @@ import styles from "./LayoutToggle.module.css";
 
 export type Layout = "spotlight" | "grid";
 
-interface Props {
+type Props = {
   layout: Layout;
   setLayout: (layout: Layout) => void;
   className?: string;
-}
+};
 
 export const LayoutToggle: FC<Props> = ({ layout, setLayout, className }) => {
   const { t } = useTranslation();