diff --git a/code/frontend/src/components/Radio.js b/code/frontend/src/components/Radio.js
new file mode 100644
index 0000000..dd6b5b2
--- /dev/null
+++ b/code/frontend/src/components/Radio.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./Radio.module.css"
+import classNames from "classnames"
+
+
+export default function Radio({ children, className, ...props }) {
+    return (
+        <input type={"radio"} className={classNames(Style.Radio, className)} {...props}>
+            {children}
+        </input>
+    )
+}
diff --git a/code/frontend/src/components/Radio.module.css b/code/frontend/src/components/Radio.module.css
new file mode 100644
index 0000000..3e30662
--- /dev/null
+++ b/code/frontend/src/components/Radio.module.css
@@ -0,0 +1,4 @@
+.Radio {
+    height: 25px;
+    width: 25px;
+}