diff --git a/src/shared/components/topNavigation.tsx b/src/shared/components/topNavigation.tsx
new file mode 100644
index 0000000..e809284
--- /dev/null
+++ b/src/shared/components/topNavigation.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+
+interface TopNavigationProps {
+  leftIcon?: ReactNode;
+  rightIcon?: ReactNode;
+}
+
+export function TopNavigation({ leftIcon, rightIcon }: TopNavigationProps) {
+  return (
+    <div className="flex items-center justify-between w-full h-[6.4rem] p-[2.4rem]">
+      <button>{leftIcon}</button>
+      <button>{rightIcon}</button>
+    </div>
+  );
+}