chore: add a ThemeToggle component

1 files changed, 13 insertions, 0 deletions

diff --git a/src/components/molecules/forms/theme-toggle.test.tsx b/src/components/molecules/forms/theme-toggle.test.tsx
new file mode 100644
index 0000000..5cd3209
--- /dev/null
+++ b/src/components/molecules/forms/theme-toggle.test.tsx
@@ -0,0 +1,13 @@
+import { render, screen } from '@test-utils';
+import ThemeToggle from './theme-toggle';
+
+describe('ThemeToggle', () => {
+  it('renders a checked toggle (dark theme choice)', () => {
+    render(<ThemeToggle value={true} />);
+    expect(
+      screen.getByRole('checkbox', {
+        name: `Theme: Light theme Dark theme`,
+      })
+    ).toBeChecked();
+  });
+});