add post form toggle UI

src/components/post-form/index.ts

@@ -0,0 +1 @@
+export { default } from './post-form';

src/components/post-form/post-form.module.css

@@ -0,0 +1,15 @@
+.togglePostForm {
+  font-size: var(--post-form-toggle-font-size);
+  font-weight: var(--post-form-toggle-font-weight);
+  text-align: center;
+}
+
+.togglePostForm span {
+  color: var(--post-form-toggle-text-color);
+  text-decoration: var(--post-form-toggle-text-decoration);
+}
+
+.togglePostForm span:hover {
+  cursor: pointer;
+  color: var(--post-form-toggle-text-color-hover);
+}

src/components/post-form/post-form.tsx

@@ -0,0 +1,11 @@
+import styles from './post-form.module.css';
+
+const PostForm = () => {
+  return (
+    <div className={styles.togglePostForm}>
+      [<span>Start a New Thread</span>]
+    </div>
+  );
+};
+
+export default PostForm;