From 9d0f2105481cc3d5affdb4bd69d428379ea92de3 Mon Sep 17 00:00:00 2001
From: DhruvArora-03 <dhruvarora@utexas.edu>
Date: Sat, 17 Feb 2024 13:02:06 -0600
Subject: [PATCH] feat: add empty settings component - waiting on design

---
 src/stories/components/Settings.stories.tsx | 19 +++++++++++++++++++
 src/views/components/Settings.tsx           | 14 ++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 src/stories/components/Settings.stories.tsx
 create mode 100644 src/views/components/Settings.tsx

diff --git a/src/stories/components/Settings.stories.tsx b/src/stories/components/Settings.stories.tsx
new file mode 100644
index 00000000..68ecc9c0
--- /dev/null
+++ b/src/stories/components/Settings.stories.tsx
@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Settings from 'src/views/components/Settings';
+
+const meta = {
+    title: 'Components/Common/Settings',
+    component: Settings,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {},
+} satisfies Meta<typeof Settings>;
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    args: {},
+};
diff --git a/src/views/components/Settings.tsx b/src/views/components/Settings.tsx
new file mode 100644
index 00000000..b83e4373
--- /dev/null
+++ b/src/views/components/Settings.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+type Props = {
+    className?: string;
+};
+
+/**
+ * Component to hold everything for the settings page
+ * @param props className
+ * @returns The content for the settings page
+ */
+export default function Settings({ className }: Props) {
+    return <div className={className}>this will be finished laterrrrrrr</div>;
+}