From 85e51f472f83505b20c0c2a27e672c94ab98cc6a Mon Sep 17 00:00:00 2001
From: Ibrahim-Halil-Kuray
 <71791007+Ibrahim-Halil-Kuray@users.noreply.github.com>
Date: Sun, 29 Oct 2023 10:30:09 +0100
Subject: [PATCH] Create Language.tsx

---
 src/components/Language.tsx | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/components/Language.tsx

diff --git a/src/components/Language.tsx b/src/components/Language.tsx
new file mode 100644
index 0000000..0ab8298
--- /dev/null
+++ b/src/components/Language.tsx
@@ -0,0 +1,35 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React, { useState } from 'react';
+
+interface LanguageProps {
+  onSelectLanguage: (selectedLanguage: string) => void;
+}
+
+const Language: React.FC<LanguageProps> = ({ onSelectLanguage }) => {
+  const languages = [
+    'Javascript',
+    'Python',
+    'PHP',
+    'React',
+    'Angular',
+    'Vue',
+    'Tailwind',
+  ];
+
+  return (
+    <div>
+      <h2>Choose a programming language to test yourself please:</h2>
+      <ul>
+        {languages.map((language, index) => (
+          <li key={index}>
+            <button onClick={() => onSelectLanguage(language)}>
+              {language}
+            </button>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+};
+
+export default Language;