Tab switcher

components/pages/Home.jsx

@@ -2,9 +2,9 @@ import { homeItems } from "../../data";
 import PostCard from "../Card";
 import Content from "../Content";
 
-const Home = () => {
+const Home = ({ selected }) => {
   return (
-    <Content>
+    <Content visible={selected}>
       {homeItems.map(i => (
         <PostCard {...i} />
       ))}

components/pages/Profile.jsx

@@ -1,9 +1,9 @@
 import { homeItems } from "../../data";
 import Content from "../Content";
 
-const Profile = () => {
+const Profile = ({ selected }) => {
   return (
-    <Content>
+    <Content visible={selected}>
       <h2>Profile</h2>
     </Content>
   )

components/pages/Settings.jsx

@@ -1,8 +1,8 @@
 import Content from "../Content";
 
-const Settings = () => {
+const Settings = ({ selected }) => {
   return (
-    <Content className="p-4">
+    <Content visible={selected}>
       <h2>Settings</h2>
     </Content>
   )