diff --git a/src/components/airport.tsx b/src/components/airport.tsx
new file mode 100644
index 0000000..70c7a92
--- /dev/null
+++ b/src/components/airport.tsx
@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { TabView, TabPanel } from 'primereact/tabview';
+
+export const Airport: React.FC = () => {
+  const [activeIndex, setActiveIndex] = useState<number>(0);
+
+  return (
+    <>
+      <TabView activeIndex={activeIndex} onTabChange={(event) => setActiveIndex(event.index)} className='p-3'>
+        <TabPanel header='Create airport'>
+          CREATE AIRPORT
+        </TabPanel>
+        <TabPanel header='Manage airport'>
+          MANAGE AIRPORT
+        </TabPanel>
+      </TabView>
+    </>
+  );
+}