From 14dce09e8a6a4a6b8e384fe87814fcb949242079 Mon Sep 17 00:00:00 2001
From: Davide Frageri <focaccina@hackinpovo.it>
Date: Fri, 11 Jul 2025 02:09:19 +0200
Subject: [PATCH] feat: extract component

---
 src/app/page.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a27d247..d69de84 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,12 +1,25 @@
 import { Center, Container, Input, Text, VStack } from "@chakra-ui/react";
 
+interface QuestionBoxProps {
+  question: string;
+}
+
+const QuestionBox = (props: QuestionBoxProps) => {
+  const { question } = props;
+  return (
+    <>
+      <Text>{question}</Text>
+      <Input placeholder="Subtle" variant="subtle" />
+    </>
+  );
+};
+
 export default function Home() {
   return (
     <Container h="100vh" w="100vw">
       <Center h="100%">
         <VStack>
-          <Text>Quanto è lunga una patatina chips?</Text>
-          <Input placeholder="Subtle" variant="subtle" />
+          <QuestionBox question="Quanto è lunga una patatina chips?" />
         </VStack>
       </Center>
     </Container>